/**
 * style.less
 * 层叠样式表
 */
.ff
{
    font-family: 'iconfont' !important;
}
@font-face
{
    font-family: 'DINCond';
    font-weight: 500;
    font-style: normal;

    src: url('../fonts/DINCond-Regular.eot');
    src: local('DINCond-Regular'), url('../fonts/DINCond-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/DINCond-Regular.woff2') format('woff2'), url('../fonts/DINCond-Regular.woff') format('woff'), url('../fonts/DINCond-Regular.ttf') format('truetype'), url('../fonts/DINCond-Regular.svg#DINCond-Regular') format('svg');
    font-display: swap;
}
@font-face
{
    font-family: 'Staatliches';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/Staatliches-Regular.eot');
    src: local('Staatliches Regular'), local('Staatliches-Regular'), url('../fonts/Staatliches-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Staatliches-Regular.woff2') format('woff2'), url('../fonts/Staatliches-Regular.woff') format('woff'), url('../fonts/Staatliches-Regular.ttf') format('truetype'), url('../fonts/Staatliches-Regular.svg#Staatliches-Regular') format('svg');
    font-display: swap;
}
@font-face
{
    font-family: 'Open Sans';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/OpenSans-Regular.eot');
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-display: swap;
}
@font-face
{
    font-family: 'Open Sans';
    font-weight: bold;
    font-style: normal;

    src: url('../fonts/OpenSans-Bold.eot');
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold.woff2') format('woff2'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-display: swap;
}
@font-face
{
    font-family: 'Playfair Display';
    font-weight: bold;
    font-style: normal;

    src: url('../fonts/OpenSans-Bold.eot');
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold.woff2') format('woff2'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-display: swap;
    
    
    /*src: url('../fonts/PlayfairDisplay-Bold.eot');
    src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'), url('../fonts/PlayfairDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/PlayfairDisplay-Bold.woff2') format('woff2'), url('../fonts/PlayfairDisplay-Bold.woff') format('woff'), url('../fonts/PlayfairDisplay-Bold.ttf') format('truetype'), url('../fonts/PlayfairDisplay-Bold.svg#PlayfairDisplay-Bold') format('svg');
    font-display: swap;*/
}
.textcolor
{
    background-image: -webkit-linear-gradient(right, #18a7a3, #0f74e8);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}
.bgcolor
{
    background: -webkit-gradient(linear, right top, left top, from(#18a7a3), to(#0f74e8));
    background: -webkit-linear-gradient(right, #18a7a3, #0f74e8);
    background:         linear-gradient(right, #18a7a3, #0f74e8);
}
.fz-16
{
    font-size: 16px;
    line-height: 2.25;
}
@media (max-width: 767px)
{
    .fz-16
    {
        font-size: 14px;
        line-height: 24px;
    }
}
.fz-16 p
{
    margin: 0;
}
body
{
    font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, 'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Heiti SC', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
    font-size: 14px;

    color: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media(max-width:470px){
}
.slick-arrow
{
    font-size: 60px;
    line-height: 58px;

    position: absolute;
    z-index: 9;
    z-index: 8;
    top: 50%;
    left: -80px;

    overflow: hidden;

    width: 58px;
    height: 58px;
    padding: 0;

    cursor: pointer;
    -webkit-transition: all .4s;
            transition: all .4s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;

    color: #04447c;
    border: none;
    border-radius: 50%;
    outline: none;
    background: none;
}
@media (max-width: 1199px)
{
    .slick-arrow
    {
        font-size: 30px;
        line-height: 40px;

        left: -15px;

        width: 40px;
        height: 40px;
    }
}
.slick-arrow:before
{
    font-family: 'iconfont' !important;

    display: inline-block;

    content: '\eb60';
}
.slick-arrow.slick-next
{
    right: -80px;
    left: auto;
}
@media (max-width: 1199px)
{
    .slick-arrow.slick-next
    {
        right: -15px;
    }
}
.slick-arrow.slick-next:before
{
    content: '\e625';
}
.slick-arrow:hover
{
    opacity: .8;
}
.slick-dots
{
    margin-top: 40px;

    text-align: center;
}
.slick-dots li
{
    display: inline-block;

    width: 70px;
    height: 4px;
    margin: 0 10px;

    vertical-align: top;

    background-color: #dfdfdf;
}
@media (max-width: 1470px)
{
    .slick-dots li
    {
        width: 50px;
    }
}
@media (max-width: 991px)
{
    .slick-dots li
    {
        width: 20px;
        height: 2px;
        margin: 0 4px;
    }
}
.slick-dots li button
{
    display: none;
}
.slick-dots li.slick-active
{
    background-color: #04447c;
}
.header
{
    position: fixed;
    z-index: 10;
    top: 0;

    width: 100%;
    height: 130px;
    padding-right: 3%;

    -webkit-transition: all .4s;
            transition: all .4s;
    text-align: right;

    color: #fff;
    background-color: rgba(4, 68, 124, .7);
}
@media (max-width: 1199px)
{
    .header
    {
        position: fixed;

        height: 60px;
    }
}
.header .logo
{
    position: relative;

    display: inline-block;
    float: left;

    height: 130px;
    padding: 43px 50px;

    -webkit-transition: all .4s;
            transition: all .4s;

    background-color: #fff;
}
.header .logo:before
{
    position: absolute;
    top: 0;
    right: -68px;

    width: 0;
    height: 0;

    content: '';
    -webkit-transition: all .4s;
            transition: all .4s;

    border-width: 130px 68px 0 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
@media (max-width: 1199px)
{
    .header .logo:before
    {
        right: -30px;

        border-width: 60px 30px 0 0;
    }
}
@media (max-width: 1470px)
{
    .header .logo
    {
        padding: 50px 25px;
    }
}
@media (max-width: 1199px)
{
    .header .logo
    {
        height: 60px;
        padding: 15px 10px;
    }
}
@media (max-width: 767px)
{
    .header .logo
    {
        padding: 18px 10px;
    }
}
.header .logo a
{
    display: block;

    height: 100%;
}
.header .logo img
{
    display: block;

    height: 100%;
}
.header .nav-collapse
{
    position: relative;

    display: none;
    float: right;

    width: 20px;
    height: 40px;
    padding: 0;

    cursor: pointer;

    background: none;
}
@media (max-width: 1199px)
{
    .header .nav-collapse
    {
        display: block;

        margin-top: 10px;
    }
    .header .nav-collapse.nav-collapse-1
    {
        position: absolute;
        z-index: 9999;
        top: 5px;
        right: 20px;

        display: block;

        margin-top: 8px;

        border: none;
    }
    .header .nav-collapse.nav-collapse-1 .btn-line
    {
        background-color: #666 !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
    .header .nav-collapse.nav-collapse-xs:hover .btn-line
    {
        background-color: #000;
    }
}
.header .nav-collapse .btn-line
{
    position: absolute;
    left: 50%;

    width: 20px;
    height: 2px;

    -webkit-transition: all .5s ease;
            transition: all .5s ease;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #fff;
}
.header .nav-collapse .btn-line:nth-child(3),
.header .nav-collapse .btn-line:nth-child(1)
{
    position: absolute;

    display: block;

    width: 20px;
    height: 2px;

    content: '';
    -webkit-transition: all .5s ease;
            transition: all .5s ease;

    background-color: #fff;
}
.header .nav-collapse .btn-line:nth-child(1)
{
    top: 35%;
}
.header .nav-collapse .btn-line:nth-child(2)
{
    top: 50%;
}
.header .nav-collapse .btn-line:nth-child(3)
{
    top: 65%;
}
.header .nav-collapse.active
{
    border-color: transparent;
}
.header .nav-collapse.active .btn-line
{
    background-color: #fff;
}
.header .nav-collapse.active .btn-line:nth-child(2)
{
    -webkit-transform: translateX(-50px);
        -ms-transform: translateX(-50px);
            transform: translateX(-50px);

    opacity: 0;
}
.header .nav-collapse.active .btn-line:nth-child(1)
{
    top: 50%;
    left: 50%;

    -webkit-transform: translateX(-50%) rotateZ(45deg);
        -ms-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotateZ(45deg);
}
.header .nav-collapse.active .btn-line:nth-child(3)
{
    top: 50%;
    left: 50%;

    -webkit-transform: translateX(-50%) rotateZ(-45deg);
        -ms-transform: translateX(-50%) rotate(-45deg);
            transform: translateX(-50%) rotateZ(-45deg);
}
.header .language,
.header .whatsapp
{
    display: inline-block;

    vertical-align: middle;
}
@media (max-width: 767px)
{
    .header .language
    {
        margin-top: 20px;
        margin-right: 10px;
    }
}
.header .language a
{
    display: inline-block;

    width: 46px;
    padding: 0 8px;

    vertical-align: middle;
}
.header .whatsapp
{
    font-family: 'DINCond';
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;

    margin: 0;
    margin-left: 20px;
}
@media (max-width: 1470px)
{
    .header .whatsapp
    {
        font-size: 24px;

        margin-left: 10px;
    }
}
@media (max-width: 1199px)
{
    .header .whatsapp
    {
        line-height: 60px;

        margin-right: 20px;
    }
}
@media (max-width: 767px)
{
    .header .whatsapp
    {
        display: none;
    }
}
.header .whatsapp:before
{
    font-family: 'iconfont' !important;
    font-size: 24px;
    font-weight: normal;

    display: inline-block;

    margin-top: -4px;
    margin-right: 10px;

    content: '\e621';
    vertical-align: middle;
}
@media (min-width: 1200px)
{
    .header .nav
    {
        display: inline-block;

        -webkit-transition: all .4s;
                transition: all .4s;
        vertical-align: middle;
    }
    .header .nav .logo
    {
        display: none;
    }
}
@media (max-width: 1199px)
{
    .header .nav
    {
        position: fixed;
        z-index: 9998;
        top: 0;
        left: 0;

        display: none;

        width: 100%;
        height: 100%;
        padding: 0 15px;

        -webkit-transition: left .3s;
                transition: left .3s;
        text-align: left;
        text-align: center;

        color: #666;
        background: #fff;
    }
    .header .nav .logo
    {
        display: block;
        float: left;

        margin-top: 10px;
    }
    .header .nav .tbl
    {
        display: table;

        width: 100%;
        height: 90%;
        padding-top: 30%;
    }
    .header .nav .tbl-cell
    {
        display: table-cell;

        height: 100%;

        vertical-align: top;
    }
}
@media (max-width: 1199px) and (max-width: 1199px)
{
    .header .nav .logo
    {
        padding: 0;
    }
}
@media (min-width: 1200px)
{
    .header .nav .nav-list1
    {
        text-align: center;
    }
    .header .nav .nav-list1 > li
    {
        position: relative;

        display: inline-block;

        vertical-align: top;
    }
    .header .nav .nav-list1 > li > a
    {
        font-size: 18px;
        font-weight: bold;
        line-height: 130px;

        position: relative;

        display: inline-block;

        padding: 0 25px;

        -webkit-transition: all .4s;
                transition: all .4s;
        vertical-align: middle;

        color: #fff;
    }
    .header .nav .nav-list1 > li:hover > a,
    .header .nav .nav-list1 > li.active > a
    {
        color: rgba(255, 255, 255, .8);
    }
    .header .nav .nav-list1 .nav-list2
    {
        position: absolute;
        z-index: 50;
        top: 100%;
        left: 0;

        display: none;

        min-width: 100%;
        padding: 0;

        text-align: center;

        background-color: rgba(255, 255, 255, .9);
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    }
    .header .nav .nav-list1 .nav-list2 li
    {
        position: relative;

        list-style: none;

        text-align: center;
    }
    .header .nav .nav-list1 .nav-list2 li > a
    {
        font-size: 15px;
        line-height: 30px;

        position: relative;
        z-index: 1;

        display: block;

        padding: 5px 10px;

        -webkit-transition: all .2s;
                transition: all .2s;
        white-space: nowrap;
        text-transform: uppercase;

        color: #666;
    }
    .header .nav .nav-list1 .nav-list2 li > a:hover
    {
        color: #fff;
        background-color: #04447c;
    }
}
@media (min-width: 1200px) and (max-width: 1660px)
{
    .header .nav .nav-list1 > li > a
    {
        padding: 0 12px;
    }
}
@media (min-width: 1200px) and (max-width: 1470px)
{
    .header .nav .nav-list1 > li > a
    {
        padding: 0 8px;
    }
}
@media (min-width: 1200px) and (max-width: 1350px)
{
    .header .nav .nav-list1 > li > a
    {
        font-size: 16px;
    }
}
@media (max-width: 1199px)
{
    .header .nav .nav-list1
    {
        overflow-y: auto;

        height: 100%;

        text-align: left;
    }
    .header .nav .nav-list1 > li
    {
        position: relative;
    }
    .header .nav .nav-list1 > li > a
    {
        font-size: 16px;
        line-height: 30px;

        display: block;

        padding: 4px 0;

        text-transform: uppercase;
    }
    .header .nav .nav-list1 .open-nav
    {
        font-size: 20px;
        line-height: 30px;

        position: absolute;
        top: 0;
        right: 0;
    }
    .header .nav .nav-list1 .open-nav:after
    {
        font-family: 'iconfont' !important;

        content: '\e629';
    }
    .header .nav .nav-list1 .nav-listfulls
    {
        display: none;
    }
    .header .nav .nav-list1 .nav-listfulls .container
    {
        padding: 0;
    }
    .header .nav .nav-list1 .nav-listfulls .container > li > a
    {
        line-height: 24px;

        display: block;

        color: #666;
    }
    .header .nav .nav-list1 .nav-listfulls .container > li > a:before
    {
        margin-right: 4px;

        content: '-';
    }
    .header .nav .nav-list1 .nav-listfulls .container > li > ul > li
    {
        display: inline-block;

        vertical-align: top;
    }
    .header .nav .nav-list1 .nav-listfulls .container > li > ul > li > a
    {
        font-size: 12px;
        line-height: 18px;

        display: block;

        padding: 0 4px;

        color: #999;
    }
    .header .nav .nav-list1 .nav-listfulls .container > li > ul > li > a:before
    {
        font-weight: bold;

        content: '·';
    }
    .header .nav .nav-list1 .nav-listfulls .container > li a.more
    {
        display: none;
    }
    .header .nav .nav-list1 .nav-listfulls .container > li img
    {
        display: none;
    }
    .header .nav .nav-list1 .current .open-nav:after
    {
        font-family: 'iconfont' !important;

        content: '\e628';
    }
    .header .nav .nav-list1 .nav-list2
    {
        display: none;
    }
    .header .nav .nav-list1 .nav-list2 > li > a
    {
        font-size: 14px;
        line-height: 30px;

        display: block;

        text-transform: uppercase;

        color: #666;
    }
    .header .nav .nav-list1 .nav-list2 > li > a:before
    {
        margin-right: 4px;

        content: '-';
    }
    .header .nav .nav-list1 .nav-list2 .nav-list3 > li
    {
        display: inline-block;

        vertical-align: top;
    }
    .header .nav .nav-list1 .nav-list2 .nav-list3 > li a
    {
        line-height: 24px;

        padding: 0 4px;

        color: #999;
    }
    .header .nav .nav-list1 .nav-list2 .nav-list3 > li a:before
    {
        font-weight: bold;

        content: '·';
    }
}
.header .back-btn
{
    position: absolute;
    left: 15px;
}
.header.fixed-header .header-right .top-right p.whatsapp:before,
.header.header-product .header-right .top-right p.whatsapp:before,
.header.fixed-header .header-right .top-right p.email:before,
.header.header-product .header-right .top-right p.email:before
{
    color: #04447c;
}
.header.fixed-header .pc-search .search-button,
.header.header-product .pc-search .search-button
{
    color: #04447c;
}
.header.fixed-header
{
    height: 100px;
}
@media (max-width: 1199px)
{
    .header.fixed-header
    {
        height: 60px;
    }
}
.header.fixed-header .logo
{
    height: 100px;
    padding: 28px 50px;
}
@media (max-width: 1470px)
{
    .header.fixed-header .logo
    {
        padding: 35px 25px;
    }
}
@media (max-width: 1199px)
{
    .header.fixed-header .logo
    {
        height: 60px;
        padding: 15px 10px;
    }
}
@media (max-width: 767px)
{
    .header.fixed-header .logo
    {
        padding: 18px 10px;
    }
}
.header.fixed-header .logo:before
{
    border-width: 100px 68px 0 0;
}
@media (max-width: 1199px)
{
    .header.fixed-header .logo:before
    {
        border-width: 60px 30px 0 0;
    }
}
@media (min-width: 1200px)
{
    .header.fixed-header .nav .nav-list1 > li > a
    {
        line-height: 100px;
    }
}
.online-wrap .btn
{
    line-height: 36px;

    position: fixed;
    z-index: 9;
    right: 0;
    bottom: 55px;

    width: 40px;
    height: 40px;
    padding: 0;

    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    text-align: center;

    border-radius: 0;
    background-color: rgba(0, 0, 0, .7);
}
@media (min-width: 992px)
{
    .online-wrap .btn
    {
        display: none;
    }
}
.online-wrap .btn:before
{
    font-family: 'iconfont' !important;
    font-size: 18px;

    display: inline-block;

    content: '\e6d2';
    -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition:         transform .3s;
            transition:         transform .3s, -webkit-transform .3s;

    color: #fff;
}
.online-wrap .btn.active:before
{
    -webkit-transform: rotateZ(225deg);
        -ms-transform: rotate(225deg);
            transform: rotateZ(225deg);
}
.online-wrap .code-pic
{
    position: fixed;
    z-index: 101;
    right: 45px;
    bottom: 180px;

    display: none;

    max-width: 120px;
}
.online-wrap .code-pic .pic-box
{
    padding: 5px;

    background-color: #fff;
}
.online-wrap .code-pic img
{
    display: block;

    max-width: 100%;
}
.online-wrap .online
{
    position: fixed;
    z-index: 8;
    top: 50%;
    right: 0;

    -webkit-transition: right .3s;
            transition: right .3s;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;
}
@media (max-width: 991px)
{
    .online-wrap .online
    {
        top: auto;
        right: -60px;
        bottom: 100px;

        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                transform: translateY(0%);
    }
    .online-wrap .online.active
    {
        right: 0;
    }
}
.online-wrap .online a
{
    line-height: 48px;

    position: relative;

    display: block;

    width: 48px;
    height: 48px;
    margin: 2px auto;
    padding: 0;

    -webkit-transition: all .4s;
            transition: all .4s;
    text-align: center;

    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.online-wrap .online a:before
{
    font-size: 20px;

    color: #a1a5b3;
}
@media (min-width: 992px)
{
    .online-wrap .online a:hover
    {
        text-decoration: none;

        background-color: #04447c;
    }
    .online-wrap .online a:hover:before
    {
        color: #fff;
    }
}
@media (max-width: 767px)
{
    .online-wrap .online a
    {
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
    .online-wrap .online a:before
    {
        font-size: 20px;
    }
}
@media (min-width: 992px)
{
    .online-wrap .online .icon-phone:hover .phone-num
    {
        right: 100%;
    }
}
.online-wrap .online .icon-phone .phone-num
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: -300px;

    padding-right: 0;

    -webkit-transition: right .3s;
            transition: right .3s;
    white-space: nowrap;
}
.online-wrap .online .icon-phone .phone-num p
{
    margin: 0;
    padding: 0 10px;

    color: #fff;
    background-color: #04447c;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12);
}
.online-wrap .online .code:before
{
    font-size: 24px;
}
@media (max-width: 767px)
{
    .online-wrap .online .code:before
    {
        font-size: 22px;
    }
}
.online-wrap .online .code .mask
{
    position: absolute;
    z-index: 10;
    top: 0;
    right: 100%;

    display: none;

    width: 130px;
    height: 130px;
    padding-right: 5px;
}
.online-wrap .online .code .mask .mask-box
{
    border: 1px solid #e5e5e5;
    background-color: #fff;
}
.online-wrap .online .code .mask img
{
    display: block;

    width: 100%;
}
.online-wrap .online .code .mask p
{
    font-size: 13px;
    line-height: 16px;

    margin: 5px 0 8px 0;

    color: #888;
}
.online-wrap .online .sale
{
    width: 158px;
    margin-bottom: 30px;
}
@media (max-width: 991px)
{
    .online-wrap .online .sale
    {
        width: 50px;
    }
}
.online-wrap .online .sale a
{
    width: 158px;
    height: 162px;

    background: none;
}
@media (max-width: 991px)
{
    .online-wrap .online .sale a
    {
        width: 50px;
        height: 50px;
    }
}
.online-wrap .online .sale img
{
    max-width: 100%;
}
.online-wrap .icon-qq:before
{
    font-family: 'iconfont' !important;

    content: '\e62d';
}
.online-wrap .icon-weixin:before
{
    font-family: 'iconfont' !important;

    content: '\e604';
}
.online-wrap .icon-message:before
{
    font-family: 'iconfont' !important;
    font-size: 24px !important;

    content: '\e72e';
}
.online-wrap .icon-skype:before
{
    font-family: 'iconfont' !important;

    content: '\e616';
}
.online-wrap .icon-whatsapp:before
{
    font-family: 'iconfont' !important;

    content: '\e751';
}
.online-wrap .icon-phone:before
{
    font-family: 'iconfont' !important;

    content: '\e61c';
}
.online-wrap .icon-arrow-top:before
{
    font-family: 'iconfont' !important;

    content: '\e622';
}
.xs-online
{
    position: fixed;
    z-index: 9;
    right: 0;
    bottom: 0;

    display: none;

    width: 100%;

    background-color: rgba(51, 51, 51, .9);
    box-shadow: 0 -2px 14px 1px rgba(0, 0, 0, .2);
}
@media (max-width: 991px)
{
    .xs-online
    {
        display: block;
    }
}
.xs-online ul
{
    overflow: hidden;

    margin: 0;
    padding: 0;

    text-align: center;

    color: #fff;
}
.xs-online ul li
{
    float: left;

    width: 20%;

    list-style: none;

    border-left: 1px solid rgba(255, 255, 255, .6);
}
.xs-online ul li > a
{
    font-size: 10px;

    display: block;

    padding: 8px 0;

    text-transform: uppercase;

    color: #fff;
}
@media (max-width: 320px)
{
    .xs-online ul li > a
    {
        font-size: 8px;
    }
}
.xs-online ul li > a:before
{
    font-family: 'iconfont' !important;
    font-size: 16px;
    font-style: normal;

    display: block;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.xs-online ul li:first-child
{
    border-left: none;
}
.xs-online ul li.tel > a:before
{
    content: '\e601';
}
.xs-online ul li.mail > a:before
{
    font-weight: normal;

    content: '\e649';
}
.xs-online ul li.message > a:before
{
    font-weight: normal;

    content: '\e826';
}
.xs-online ul li.home > a:before
{
    font-weight: normal;

    content: '\e6c8';
}
.xs-online ul li.map > a:before
{
    font-weight: normal;

    content: '\e63e';
}
.xs-online ul li.product > a:before
{
    font-weight: normal;

    content: '\e7e9';
}
.xs-online ul li.top > a:before
{
    font-weight: normal;

    content: '\e622';
}
.xs-online ul li.whatsapp > a:before
{
    font-weight: normal;

    content: '\e64e';
}
.xs-online ul li.wechat > a:before
{
    font-weight: normal;

    content: '\e604';
}
.xs-online ul li.wechat img
{
    position: absolute;
    top: -90px;
    left: 50%;

    display: none;

    width: 90px;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.xs-online ul li.wechat:hover img
{
    display: block;
}
.banner
{
    font-size: 0;

    position: relative;

    clear: both;
    overflow: hidden;

    width: 100%;
}
@media (max-width: 767px)
{
    .banner .slick-banner
    {
        width: 140%;
        max-width: 140%;
        margin-left: -20%;
    }
}
.banner img
{
    display: block;
}
.banner .slick-dots
{
    font-size: 0;

    position: absolute;
    z-index: 2;
    bottom: 50px;

    width: 100%;
    height: 10px;
    padding: 0 7%;

    text-align: left;
}
@media (max-width: 1470px)
{
    .banner .slick-dots
    {
        padding: 0 4%;
    }
}
@media (max-width: 991px)
{
    .banner .slick-dots
    {
        bottom: 20px;
    }
}
@media (max-width: 767px)
{
    .banner .slick-dots
    {
        bottom: 10px;

        padding: 0 16%;
    }
}
.banner .slick-dots > li
{
    position: relative;

    display: inline-block;

    width: 110px;
    height: 1px;
    margin: 0;

    vertical-align: middle;

    opacity: .4;
    background-color: #fff;
}
@media (max-width: 1470px)
{
    .banner .slick-dots > li
    {
        width: 80px;
    }
}
@media (max-width: 1199px)
{
    .banner .slick-dots > li
    {
        width: 50px;
    }
}
@media (max-width: 767px)
{
    .banner .slick-dots > li
    {
        width: 30px;
    }
}
.banner .slick-dots .slick-active
{
    width: 180px;
    height: 5px;

    opacity: 1;
}
@media (max-width: 1470px)
{
    .banner .slick-dots .slick-active
    {
        width: 100px;
    }
}
@media (max-width: 1199px)
{
    .banner .slick-dots .slick-active
    {
        width: 60px;
    }
}
@media (max-width: 767px)
{
    .banner .slick-dots .slick-active
    {
        width: 40px;
    }
}
.banner .slick-dots button
{
    display: none;
}
.banner .slick-arrow
{
    font-size: 30px;
    line-height: 60px;

    position: absolute;
    left: 0;

    width: 130px;
    height: 60px;

    -webkit-transition: all .2s;
            transition: all .2s;
    text-align: center;

    color: #fff;
    border: none;
    border-radius: 0;
    background-color: rgba(4, 68, 124, .6);
}
@media (max-width: 1470px)
{
    .banner .slick-arrow
    {
        line-height: 50px;

        width: 100px;
        height: 50px;
    }
}
@media (max-width: 991px)
{
    .banner .slick-arrow
    {
        line-height: 40px;

        width: 60px;
        height: 40px;
    }
}
.banner .slick-arrow:before
{
    font-family: 'iconfont' !important;

    content: '\eb60';
}
.banner .slick-arrow:hover
{
    background-color: #26abaf;
}
.banner .slick-arrow.slick-next
{
    right: 0;
    left: auto;
}
.banner .slick-arrow.slick-next:hover
{
    background-color: #1185a8;
}
.banner .slick-arrow.slick-next:before
{
    content: '\e625';
}
.banner .item
{
    position: relative;

    display: block;
    overflow: hidden;
}
.banner .item img
{
    display: block;

    width: 100%;
}
.banner .text
{
    position: absolute;
    top: 50%;
    left: 10%;

    width: 80%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #fff;
}
@media (max-width: 767px)
{
    .banner .text
    {
        top: 55%;

        padding: 0 8%;
    }
}
.banner .text:before
{
    position: absolute;
    top: 20%;

    display: block;

    width: 100%;
    height: 130%;

    content: '';

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(4, 68, 124, 0)), color-stop(rgba(4, 68, 124, .8)), to(rgba(4, 68, 124, 0)));
    background-image: -webkit-linear-gradient(left, rgba(4, 68, 124, 0), rgba(4, 68, 124, .8), rgba(4, 68, 124, 0));
    background-image:         linear-gradient(to right, rgba(4, 68, 124, 0), rgba(4, 68, 124, .8), rgba(4, 68, 124, 0));
}
.banner .text h3,
.banner .text h2
{
    position: relative;
    z-index: 2;
}
.banner .text h3
{
    font-size: 48px;
    font-weight: bold;
    line-height: 1;

    margin: 0;
}
@media (max-width: 1470px)
{
    .banner .text h3
    {
        font-size: 40px;
    }
}
@media (max-width: 1199px)
{
    .banner .text h3
    {
        font-size: 34px;
    }
}
@media (max-width: 991px)
{
    .banner .text h3
    {
        font-size: 24px;
    }
}
@media (max-width: 767px)
{
    .banner .text h3
    {
        font-size: 20px;
    }
}
.banner .text h3 span
{
    font-family: 'Staatliches';
    font-size: 72px;

    display: inline-block;

    margin-right: 20px;

    vertical-align: middle;
    text-transform: uppercase;
}
@media (max-width: 1470px)
{
    .banner .text h3 span
    {
        font-size: 60px;
    }
}
@media (max-width: 1199px)
{
    .banner .text h3 span
    {
        font-size: 50px;
    }
}
@media (max-width: 991px)
{
    .banner .text h3 span
    {
        font-size: 40px;
    }
}
@media (max-width: 767px)
{
    .banner .text h3 span
    {
        font-size: 30px;
    }
}
.banner .text h2
{
    font-size: 48px;
    font-weight: 300;
    line-height: 1.2;

    margin-bottom: 0;
}
@media (max-width: 1470px)
{
    .banner .text h2
    {
        font-size: 40px;
    }
}
@media (max-width: 1199px)
{
    .banner .text h2
    {
        font-size: 34px;
    }
}
@media (max-width: 991px)
{
    .banner .text h2
    {
        font-size: 24px;
    }
}
@media (max-width: 767px)
{
    .banner .text h2
    {
        font-size: 16px;

        margin-top: 10px;
    }
}
.banner .slick-current .item img
{
    -webkit-animation: bzoom 4s 0s ease both;
            animation: bzoom 4s 0s ease both;
}
.banner .slick-current .item .text h2
{
    -webkit-animation: fadeInUp 1.5s 0s ease both;
            animation: fadeInUp 1.5s 0s ease both;
}
.banner .slick-current .item .text h3
{
    -webkit-animation: fadeInDown 1.5s 0s ease both;
            animation: fadeInDown 1.5s 0s ease both;
}
@media (max-width: 1470px)
{
    .banner-in .slick-banner
    {
        width: 140%;
        max-width: 140%;
        margin-left: -20%;
    }
}
@media (max-width: 767px)
{
    .banner-in .slick-banner
    {
        width: 200%;
        max-width: 200%;
        margin-left: -50%;
    }
}
.banner-in .text-inner
{
    position: absolute;
    top: -webkit-calc(50% + 50px);
    top:         calc(50% + 50px);

    width: 100%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;

    color: #fff;
}
@media (max-width: 1199px)
{
    .banner-in .text-inner
    {
        top: -webkit-calc(50% + 30px);
        top:         calc(50% + 30px);
    }
}
.banner-in .text-inner h2
{
    font-family: 'Playfair Display';
    font-size: 48px;
    line-height: 1;

    margin: 0;

    text-transform: uppercase;
}
@media (max-width: 1470px)
{
    .banner-in .text-inner h2
    {
        font-size: 40px;
    }
}
@media (max-width: 991px)
{
    .banner-in .text-inner h2
    {
        font-size: 30px;
    }
}
@media (max-width: 767px)
{
    .banner-in .text-inner h2
    {
        font-size: 24px;
    }
}
.banner-in .text-inner .location
{
    margin-top: 20px;
}
@media (max-width: 991px)
{
    .banner-in .text-inner .location
    {
        margin: 0;
    }
}
.banner-in .text-inner .location > ul > li
{
    font-size: 14px;

    display: inline-block;

    vertical-align: top;

    color: rgba(255, 255, 255, .6);
}
.banner-in .text-inner .location > ul > li:after
{
    content: '>';
}
.banner-in .text-inner .location > ul > li:last-child:after
{
    display: none;
}
.banner-in .text-inner .location > ul > li > a
{
    line-height: 24px;

    display: inline-block;

    text-transform: uppercase;
}
.banner-in .text-inner .location > ul > li > a:hover
{
    text-decoration: underline;

    color: #fff;
}
@-webkit-keyframes bzoom
{
    0%
    {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1);

        opacity: 1;
    }
}
@keyframes bzoom
{
    0%
    {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);

        opacity: 1;
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1);

        opacity: 1;
    }
}
.bzoom
{
    -webkit-animation-name: bzoom;
            animation-name: bzoom;
}
@-webkit-keyframes bwidth
{
    0%
    {
                width: 0;

        opacity: 1;

        -webkit-width: 0;
            -ms-width: 0;
    }
    100%
    {
                width: 100%;

        opacity: 1;

        -webkit-width: 100%;
    }
}
@keyframes bwidth
{
    0%
    {
                width: 0;

        opacity: 1;

        -webkit-width: 0;
            -ms-width: 0;
    }
    100%
    {
                width: 100%;

        opacity: 1;

        -webkit-width: 100%;
    }
}
.bwidth
{
    -webkit-animation-name: bwidth;
            animation-name: bwidth;
}
.home
{
    overflow: hidden;

    padding: 90px 0;
}
@media (max-width: 991px)
{
    .home
    {
        padding: 50px 0;
    }
}
.home .more a,
.home .more span
{
    font-size: 14px;
    line-height: 30px;

    color: #04447c;
}
.home .more a:after,
.home .more span:after
{
    display: inline-block;

    width: 60%;
    height: 1px;
    margin-left: 10px;

    content: '';
    -webkit-transition: all .6s;
            transition: all .6s;
    vertical-align: middle;

    background-color: #04447c;
}
@media (max-width: 767px)
{
    .home .more a:after,
    .home .more span:after
    {
        width: 100px;
    }
}
.home .more a:hover:after,
.home .more span:hover:after
{
    width: 70%;
}
.title h2
{
    font-size: 30px;
    font-weight: bold;
    line-height: 1;

    margin: 0;
}
@media (max-width: 991px)
{
    .title h2
    {
        font-size: 24px;
    }
}
.title p
{
    font-size: 16px;
    line-height: 24px;

    margin: 10px 0 0 0;

    color: #999;
}
.home-category
{
    font-size: 0;

    background: url(../images/inde_product-bg.jpg) no-repeat bottom center;
    background-size: cover;
}
.home-category .category-left,
.home-category .category-right
{
    font-size: 14px;

    display: inline-block;

    vertical-align: middle;
}
.home-category .category-left
{
    width: 40%;
    padding-right: 5%;
}
@media (max-width: 1470px)
{
    .home-category .category-left
    {
        width: 45%;
        padding-right: 3%;
    }
}
@media (max-width: 1199px)
{
    .home-category .category-left
    {
        width: 100%;
        padding-right: 0;
    }
}
.home-category .category-left .desc
{
    margin-top: 30px;
}
@media (max-width: 767px)
{
    .home-category .category-left .desc
    {
        margin-top: 20px;
    }
}
.home-category .category-left .desc p
{
    font-size: 16px;
    line-height: 24px;

    margin: 0;

    color: #777;
}
@media (max-width: 991px)
{
    .home-category .category-left .desc p
    {
        font-size: 14px;
    }
}
.home-category .category-left .category-nav
{
    margin-top: 20px;
}
.home-category .category-left .category-nav > ul
{
    font-size: 0;

    margin: 0 -10px;
}
@media (max-width: 767px)
{
    .home-category .category-left .category-nav > ul
    {
        margin: 0 -5px;
    }
}
.home-category .category-left .category-nav > ul > li
{
    display: inline-block;

    width: 25%;
    margin-top: 20px;
    padding: 0 10px;

    text-align: center;
    vertical-align: top;
}
@media (max-width: 767px)
{
    .home-category .category-left .category-nav > ul > li
    {
        width: 33.33333333%;
        margin-top: 10px;
        padding: 0 5px;
    }
}
.home-category .category-left .category-nav a
{
    font-size: 16px;
    line-height: 24px;

    display: block;

    padding: 10px;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #04447c;
    border: 1px solid #04447c;
}
@media (max-width: 1560px)
{
    .home-category .category-left .category-nav a
    {
        font-size: 14px;
    }
}
.home-category .category-left .category-nav a:hover
{
    color: #fff;
    background-color: #04447c;
}
.home-category .category-left .more
{
    margin-top: 100px;
}
@media (max-width: 991px)
{
    .home-category .category-left .more
    {
        margin-top: 50px;
    }
}
@media (max-width: 767px)
{
    .home-category .category-left .more
    {
        margin-top: 30px;
    }
}
.home-category .category-right
{
    width: 60%;
}
@media (max-width: 1470px)
{
    .home-category .category-right
    {
        width: 55%;
    }
}
@media (max-width: 1199px)
{
    .home-category .category-right
    {
        width: 100%;
        margin-top: 30px;
    }
}
.home-category .category-right img
{
    max-width: 100%;
}
.home-product
{
    padding: 60px 0;

    background-color: #d6e8fb;
}
@media (max-width: 991px)
{
    .home-product
    {
        padding: 0 0 30px 0;
    }
}
.home-product .product
{
    max-width: 1430px;
    margin: 0 auto;
}
.home-product .product .slick-product
{
    margin: 0 -30px;
}
@media (max-width: 1199px)
{
    .home-product .product .slick-product
    {
        margin: 0 -15px;
    }
}
.home-product .product .slick-slide
{
    padding: 20px 30px;
}
@media (max-width: 1199px)
{
    .home-product .product .slick-slide
    {
        padding: 20px 15px;
    }
}
.home-product .product .item
{
    display: block;

    -webkit-transition: all .2s;
            transition: all .2s;

    background-color: #fff;
    box-shadow: 0 5px 10px rgba(4, 68, 124, .2);
}
@media (max-width: 767px)
{
    .home-product .product .item
    {
        margin-top: 14px;
    }
}
.home-product .product .item .pic
{
    padding: 8px;
}
.home-product .product .item .pic .ibox
{
    padding-bottom: 75%;
}
.home-product .product .item .pic .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.home-product .product .item .note
{
    padding: 14px;
}
.home-product .product .item .note h3
{
    font-size: 16px;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin-top: 0;

    color: #04447c;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.home-product .product .item .note p
{
    font-size: 14px;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 10px 0 0 0;

    color: #999;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.home-product .product .item .link
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    border-top: 1px solid #eee;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.home-product .product .item .link h4,
.home-product .product .item .link span.more
{
    font-size: 14px;
    line-height: 60px;

    display: inline-block;

    margin: 0;
    padding: 0 20px;

    vertical-align: middle;

    color: #999;
}
.home-product .product .item .link span.more
{
    border-left: 1px solid #eee;
}
.home-product .product .item .link span.more:before
{
    font-family: 'iconfont' !important;
    font-size: 14px;

    display: inline-block;

    content: '\e62b';
    vertical-align: middle;
}
.home-product .product .item .link h4:before
{
    display: inline-block;

    width: 4px;
    height: 9px;
    margin-right: 8px;

    content: '';
    vertical-align: middle;

    background-color: #b9b9b9;
}
.home-product .product .item:hover .pic .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.home-product .product .item:hover .link h4,
.home-product .product .item:hover .link span.more
{
    color: #04447c;
}
.home-product .product .item:hover .link h4:before
{
    background-color: #04447c;
}
.home-choose
{
    background-image: -webkit-gradient(linear, right top, left top, from(#04447c), to(#0d7ca3));
    background-image: -webkit-linear-gradient(right, #04447c, #0d7ca3);
    background-image:         linear-gradient(right, #04447c, #0d7ca3);
}
.home-choose .choose
{
    position: relative;

    min-height: 180px;
    padding-left: 300px;

    color: #fff;
}
@media (max-width: 1470px)
{
    .home-choose .choose
    {
        padding-left: 250px;
    }
}
@media (max-width: 1199px)
{
    .home-choose .choose
    {
        min-height: auto;
        padding-left: 0;
    }
}
.home-choose .choose .title-choose
{
    position: absolute;
    top: 0;
    left: 0;

    width: 300px;
}
@media (max-width: 1470px)
{
    .home-choose .choose .title-choose
    {
        width: 250px;
    }
}
@media (max-width: 1199px)
{
    .home-choose .choose .title-choose
    {
        position: relative;

        width: 100%;
    }
}
.home-choose .choose .title-choose h2
{
    font-family: 'Playfair Display';
    font-size: 36px;
    font-weight: bold;
    line-height: 1;

    width: 100px;
    margin: 0;

    text-transform: uppercase;
}
@media (max-width: 1470px)
{
    .home-choose .choose .title-choose h2
    {
        font-size: 30px;
    }
}
@media (max-width: 1199px)
{
    .home-choose .choose .title-choose h2
    {
        width: 100%;
    }
}
@media (max-width: 991px)
{
    .home-choose .choose .title-choose h2
    {
        font-size: 24px;
    }
}
.home-choose .choose .title-choose h3
{
    font-family: 'Staatliches';
    font-size: 60px;
    line-height: 1;

    margin: 30px 0 0 0;

    color: rgba(255, 255, 255, .05);
}
@media (max-width: 1470px)
{
    .home-choose .choose .title-choose h3
    {
        font-size: 46px;
    }
}
@media (max-width: 1199px)
{
    .home-choose .choose .title-choose h3
    {
        font-size: 30px;

        margin-top: 10px;
    }
}
.home-choose .choose ul
{
    font-size: 0;

    margin: 0 -30px;
}
@media (max-width: 1470px)
{
    .home-choose .choose ul
    {
        margin: 0 -10px;
    }
}
.home-choose .choose ul li
{
    font-size: 14px;

    display: inline-block;
    float: none;

    padding: 0 30px;

    vertical-align: top;
}
@media (max-width: 1470px)
{
    .home-choose .choose ul li
    {
        padding: 0 10px;
    }
}
@media (max-width: 1199px)
{
    .home-choose .choose ul li
    {
        padding: 10px;
    }
}
.home-choose .choose ul li:nth-child(2) .item:before
{
    content: '\e662';
}
.home-choose .choose ul li:nth-child(3) .item:before
{
    font-size: 60px;
    line-height: 50px;

    content: '\e79a';
}
@media (max-width: 1470px)
{
    .home-choose .choose ul li:nth-child(3) .item:before
    {
        font-size: 50px;
    }
}
.home-choose .choose ul li:nth-child(4) .item:before
{
    content: '\e6d8';
}
.home-choose .choose .item
{
    position: relative;
display: block;
    padding-left: 70px;
}
@media (max-width: 1470px)
{
    .home-choose .choose .item
    {
        padding-left: 60px;
    }
}
.home-choose .choose .item:before
{
    font-family: 'iconfont' !important;
    font-size: 50px;

    position: absolute;
    top: 0;
    left: 0;

    content: '\e9ec';
}
@media (max-width: 1470px)
{
    .home-choose .choose .item:before
    {
        font-size: 40px;
    }
}
.home-choose .choose .item b
{
    font-size: 24px;
    line-height: 30px;

    display: block;

    margin-bottom: 20px;
}
@media (max-width: 1199px)
{
    .home-choose .choose .item b
    {
        font-size: 20px;

        margin-bottom: 10px;
    }
}
@media (max-width: 991px)
{
    .home-choose .choose .item b
    {
        font-size: 18px;
    }
}
@media (max-width: 767px)
{
    .home-choose .choose .item b
    {
        margin: 0;
    }
}
.home-choose .choose .item p
{
    font-size: 16px;
    line-height: 24px;

    margin: 0;

    color: rgba(255, 255, 255, .7);
}
.home-choose .choose .item span{
    border:1px solid rgba(255,255,255,.5);
    padding: 8px 23px;
    float: left;
    margin: 5px 0 0 0;
}
@media (max-width: 1470px)
{
    .home-choose .choose .item p
    {
        font-size: 14px;
    }
}
@media (max-width: 767px)
{
    .home-choose .choose .item p
    {
        font-size: 13px;
        line-height: 22px;
    }
}
.home-choose .choose .item:hover:before
{
    -webkit-animation: swing 1s 0s ease both;
            animation: swing 1s 0s ease both;
}
.home-about
{
    padding-top: 30px;
}
.home-about .about
{
    overflow: hidden;

    margin-top: 60px;
}
@media (min-width: 1470px)
{
    .home-about .about .row
    {
        margin: 0 -30px;
    }
    .home-about .about .row .itembox
    {
        padding: 0 30px;
    }
}
@media (max-width: 1199px)
{
    .home-about .about
    {
        margin-top: 30px;
    }
}
.home-about .about .pic img
{
    width: 100%;
}
.home-about .about .number
{
    padding: 50px 0 30px;
}
@media (max-width: 991px)
{
    .home-about .about .number
    {
        padding: 30px 0 10px;
    }
}
@media (max-width: 767px)
{
    .home-about .about .number
    {
        padding: 10px 0;
    }
}
.home-about .about .number ul
{
    font-size: 0;

    width: 100%;
    padding: 0;

    text-align: justify;
    text-justify: distribute-all-lines;
}
.home-about .about .number ul:after
{
    display: inline-block;
    overflow: hidden;

    width: 100%;
    height: 0;
    margin: 0;

    content: '';
}
.home-about .about .number ul li
{
    font-size: 14px;

    display: inline-block;

    max-width: 33.33333333%;
    margin-top: 20px;
    padding: 0 8px;

    text-align: center;
    vertical-align: top;
}
@media (max-width: 991px)
{
    .home-about .about .number ul li
    {
        margin-top: 14px;
    }
}
@media (max-width: 767px)
{
    .home-about .about .number ul li
    {
        padding: 0 4px;
    }
}
.home-about .about .number ul li .item
{
    max-width: 240px;
    margin: 0 auto;
}
.home-about .about .number ul li .item b
{
    font-family: 'DINCond';
    font-size: 100px;
    font-weight: normal;
    line-height: 1;

    display: block;

    margin-bottom: 20px;

    color: #04447c;
}
@media (max-width: 1470px)
{
    .home-about .about .number ul li .item b
    {
        font-size: 80px;
    }
}
@media (max-width: 991px)
{
    .home-about .about .number ul li .item b
    {
        font-size: 50px;
    }
}
@media (max-width: 767px)
{
    .home-about .about .number ul li .item b
    {
        font-size: 40px;

        margin-bottom: 10px;
    }
}
.home-about .about .number ul li .item p
{
    font-size: 18px;
    line-height: 1.33333333;

    margin: 0;

    color: #999;
}
@media (max-width: 1470px)
{
    .home-about .about .number ul li .item p
    {
        font-size: 16px;
    }
}
@media (max-width: 991px)
{
    .home-about .about .number ul li .item p
    {
        font-size: 14px;
    }
}
@media (max-width: 767px)
{
    .home-about .about .number ul li .item p
    {
        font-size: 12px;
    }
}
.home-about .about .title img
{
    display: inline-block;

    max-height: 80px;
    margin-left: 14px;

    vertical-align: bottom;
}
.home-about .about .text
{
    margin-top: 20px;
}
.home-about .about .text p
{
    font-size: 16px;
    line-height: 24px;

    margin: 0;

    color: #777;
}
@media (max-width: 991px)
{
    .home-about .about .text p
    {
        font-size: 14px;
    }
}
.home-about .about .more
{
    margin-top: 40px;
    margin-bottom: 40px;
}


.home-case
{
    padding-bottom: 30px;

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #04447c), color-stop(40%, #fff));
    background-image: -webkit-linear-gradient(#04447c 60%, #fff 40%);
    background-image:         linear-gradient(#04447c 60%, #fff 40%);
}
.home-case .slick-case
{
    font-size: 0;

    max-width: 1300px;
    margin: 0 auto;

    box-shadow: 0 10px 20px rgba(0, 0, 0, .4);
}
.home-case .slick-case .item
{
    position: relative;

    display: block;
}
.home-case .slick-case .item .ibox
{
    padding-bottom: 47.69230769%;
}
.home-case .slick-case .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.home-case .slick-case .item .desc
{
    font-size: 14px;

    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;

    width: 420px;
    height: 100%;
    padding: 30px;

    color: #fff;
    background-color: rgba(63, 180, 198, .9);
}
@media (max-width: 991px)
{
    .home-case .slick-case .item .desc
    {
        position: relative;

        width: 100%;
    }
}
@media (max-width: 767px)
{
    .home-case .slick-case .item .desc
    {
        padding: 30px 14px;
    }
}
.home-case .slick-case .item .desc .title-item h3
{
    font-size: 30px;
    font-weight: bold;

    margin: 0;
}
@media (max-width: 991px)
{
    .home-case .slick-case .item .desc .title-item h3
    {
        font-size: 24px;
    }
}
@media (max-width: 767px)
{
    .home-case .slick-case .item .desc .title-item h3
    {
        font-size: 20px;
    }
}
.home-case .slick-case .item .desc .title-item h3:after
{
    display: block;

    width: 66px;
    height: 6px;
    margin-top: 12px;

    content: '';

    border-radius: 10px;
    background-color: #fff;
}
.home-case .slick-case .item .desc .text
{
    margin-top: 50px;
}
@media (max-width: 991px)
{
    .home-case .slick-case .item .desc .text
    {
        margin-top: 20px;
    }
}
.home-case .slick-case .item .desc .text h4
{
    font-size: 22px;
    line-height: 1.4;
}
@media (max-width: 991px)
{
    .home-case .slick-case .item .desc .text h4
    {
        font-size: 18px;
    }
}
.home-case .slick-case .item .desc .text p
{
    font-size: 16px;
    line-height: 30px;

    margin: 0;
}
@media (max-width: 767px)
{
    .home-case .slick-case .item .desc .text p
    {
        font-size: 14px;
        line-height: 24px;
    }
}
.home-case .slick-case .item .desc .more
{
    position: absolute;
    bottom: 30px;
    left: 0;

    width: 100%;
    padding: 0 30px;
}
@media (max-width: 991px)
{
    .home-case .slick-case .item .desc .more
    {
        position: relative;
        bottom: 0;

        display: block;

        margin-top: 20px;
        padding: 0;
    }
}
.home-case .slick-case .item .desc .more span
{
    color: #fff;
}
.home-case .slick-case .item .desc .more span:after
{
    background-color: #fff;
}
.home-case .slick-case .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.home-case .slick-case .slick-arrow
{
    color: #fff;
}
@media (max-width: 767px)
{
    .home-case .slick-case .slick-arrow
    {
        left: -30px;
    }
    .home-case .slick-case .slick-arrow.slick-next
    {
        right: -30px;
        left: auto;
    }
}


.home-certificate
{
    background: url(../images/certificate_bg.jpg) no-repeat center fixed;
    background-size: cover;

}
@media (max-width: 1199px)
{
    .home-certificate
    {
        background: url(../images/certificate_bg.jpg) no-repeat center;
        background-size: cover;
    }
}
.home-certificate .title
{
    text-align: center;
}
.home-certificate .title h2
{
    color: #fff;
}
.home-certificate .certificate-sort
{
    margin-top: 40px;

    text-align: center;
}
@media (max-width: 767px)
{
    .home-certificate .certificate-sort
    {
        margin-top: 20px;
    }
}
.home-certificate .certificate-sort > ul
{
    margin: 0 -60px;
}
@media (max-width: 991px)
{
    .home-certificate .certificate-sort > ul
    {
        margin: 0 -30px;
    }
}
.home-certificate .certificate-sort > ul > li
{
    display: inline-block;

    padding: 0 60px;

    vertical-align: middle;
}
@media (max-width: 991px)
{
    .home-certificate .certificate-sort > ul > li
    {
        padding: 0 30px;
    }
}
.home-certificate .certificate-sort > ul > li > a
{
    font-size: 16px;
    line-height: 30px;

    display: block;

    color: #fff;
}
.home-certificate .certificate-sort > ul > li > a:after
{
    display: block;

    width: 0;
    height: 6px;

    content: '';

    border-radius: 10px;
    background-color: #2ac0c4;
}
.home-certificate .certificate-sort > ul > li.active > a:after
{
    width: 100%;
}
.home-certificate .certificatebox{
	position: relative;
}
.home-certificate .certificate-list
{
    position: relative;

    margin-top: 40px;
}
@media (max-width: 991px)
{
   .home-certificate .certificatebox{
		width: calc(100% - 60px);
		margin: 0 auto;
   }
	
}
@media (max-width: 767px)
{
    .home-certificate .certificate-list
    {
        margin-top: 20px;
		overflow: hidden;
    }
	
}
.home-certificate .certificate
{
    position: relative;
	
    max-width: 1180px;
    margin: 0 auto;

    opacity: 0;
}
.home-certificate .certificate:nth-child(2)
{
    position: absolute;
    top: 0;
    left: 50%;

    width: 100%;
    height: 100%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.home-certificate .certificate .swiper-container .swiper-slide
{
    width: 670px;

    -webkit-transition: all 1s;
            transition: all 1s;
	background-color: #fff;
    border: 5px solid #f5f5f5;
}
@media (max-width: 991px)
{
    .home-certificate .certificate .swiper-container .swiper-slide
    {
        width: 400px;
    }
}
@media (max-width: 767px)
{
    .home-certificate .certificate .swiper-container .swiper-slide
    {
        width: 100%;
    }
}
.home-certificate .certificate .swiper-container .swiper-slide .ibox
{
    padding-bottom: 68.75%;
	
    opacity: .7;
}
.home-certificate .certificate .swiper-container .swiper-slide-active .ibox
{
    opacity: 1;
}
.home-certificate .certificate .swiper-container .swiper-slide-active p
{
    width: 100%;
    text-align: center;
    line-height:50px;
    background: #f5f5f5;
    margin: 0 auto;
}
.home-certificate .certificate .swiper-button-prev
{
    font-size: 50px;

    left: -50px;

    width: 45px;
    height: 45px;

    color: #fff;
    background: none;
}
@media (max-width: 991px)
{
    .home-certificate .certificate .swiper-button-prev
    {
        font-size: 40px;

        left: -40px;
    }
}
.home-certificate .certificate .swiper-button-prev:before
{
    font-family: 'iconfont' !important;

    content: '\eb60';
}
.home-certificate .certificate .swiper-button-prev:hover
{
    color: #04447c;
}
.home-certificate .certificate .swiper-button-next
{
    font-size: 50px;

    right: -50px;

    width: 45px;
    height: 45px;

    color: #fff;
    background: none;
}
@media (max-width: 991px)
{
    .home-certificate .certificate .swiper-button-next
    {
        font-size: 40px;

        right: -40px;
    }
}
.home-certificate .certificate .swiper-button-next:before
{
    font-family: 'iconfont' !important;

    content: '\e625';
}
.home-certificate .certificate .swiper-button-next:hover
{
    color: #04447c;
}
.home-certificate .certificate.current
{
    opacity: 1;
}
.home-certificate .more
{
    margin-top: 50px;

    text-align: center;
}
@media (max-width: 991px)
{
    .home-certificate .more
    {
        margin-top: 30px;
    }
}
.home-certificate .more a
{
    font-size: 16px;
    line-height: 40px;

    display: inline-block;

    padding: 0 30px;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #fff;
    border: 1px solid #fff;
}
.home-certificate .more a:hover
{
    color: #04447c;
    background-color: #fff;
}
.home-news .title
{
    text-align: center;
}
.home-news .slick-news
{
    margin: 0 -12px;
    margin-top: 44px;
}
@media (max-width: 767px)
{
    .home-news .slick-news
    {
        margin: 0 -6px;
        margin-top: 20px;
    }
}
.home-news .slick-news .slick-slide
{
    padding: 0 12px;
}
@media (max-width: 767px)
{
    .home-news .slick-news .slick-slide
    {
        padding: 0 6px;
    }
}
.home-news .title h2:after
{
    display: block;

    width: 66px;
    height: 6px;
    margin: 0 auto;
    margin-top: 14px;

    content: '';

    border-radius: 10px;
    background-color: #2ac0c4;
}
.home-news .item
{
    overflow: hidden;

    border: 1px solid #eee;
    border-radius: 10px;
}
.home-news .item .ibox
{
    padding-bottom: 53.48837209%;
}
.home-news .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.home-news .item .note
{
    padding: 20px 20px 30px 20px;
}
@media (max-width: 767px)
{
    .home-news .item .note
    {
        padding: 10px 10px 30px;
    }
}
.home-news .item .note b
{
    font-size: 18px;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;

    color: #04447c;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 991px)
{
    .home-news .item .note b
    {
        font-size: 18px;
    }
}
@media (max-width: 767px)
{
    .home-news .item .note b
    {
        font-size: 16px;
    }
}
.home-news .item .note p
{
    font-size: 16px;
    line-height: 24px;

    display: -webkit-box;
    overflow: hidden;

    height: 96px;
    margin: 20px 0 0 0;

    color: #777;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
@media (max-width: 767px)
{
    .home-news .item .note p
    {
        font-size: 14px;

        margin: 10px 0 0 0;
    }
}
.home-news .item .link
{
    font-size: 0;

    border-top: 1px solid #eee;
}
.home-news .item .link span.date,
.home-news .item .link a.newsmore
{
    font-size: 16px;
    line-height: 80px;

    display: inline-block;

    width: 50%;
    padding: 0 20px;

    vertical-align: top;

    color: #666;
}
@media (max-width: 1199px)
{
    .home-news .item .link span.date,
    .home-news .item .link a.newsmore
    {
        line-height: 60px;
    }
}
@media (max-width: 767px)
{
    .home-news .item .link span.date,
    .home-news .item .link a.newsmore
    {
        line-height: 40px;
    }
}
.home-news .item .link span.date
{
    border-right: 1px solid #eee;
}
.home-news .item .link span.date:before
{
    font-family: 'iconfont' !important;
    font-size: 20px;

    float: left;

    margin-right: 4px;

    content: '\e663';
}
.home-news .item .link a.newsmore
{
    font-size: 14px;

    text-align: right;

    color: #999;
}
.home-news .item .link a.newsmore:before
{
    font-family: 'iconfont' !important;
    font-size: 18px;

    display: inline-block;

    margin-right: 4px;

    content: '\e62b';
    vertical-align: middle;

    color: #2ac0c4;
}
.home-news .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.home-news .item:hover b
{
    color: #04447c;
}
.home-news .item:hover a.newsmore
{
    color: #04447c;
}
.home-news .news-more
{
    margin-top: 50px;

    text-align: center;
}
@media (max-width: 991px)
{
    .home-news .news-more
    {
        margin-top: 30px;
    }
}
.home-news .news-more a
{
    line-height: 50px;

    display: inline-block;

    padding: 0 50px;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #999;
    border: 1px solid #eee;
}
.home-news .news-more a:hover
{
    color: #fff;
    background-color: #04447c;
}
.footer
{
    position: relative;

    overflow: hidden;

    background-color: #f8f8f8;
}
.footer .foot
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    max-width: 1410px;
    margin: 0 auto;
    padding: 40px 0;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
@media (max-width: 991px)
{
    .footer .foot
    {
        display: block;
    }
}
@media (max-width: 991px)
{
    .footer .foot .title-foot
    {
        display: inline-block;

        margin-bottom: 20px;

        vertical-align: middle;
    }
}
.footer .foot .title-foot h2
{
    font-size: 30px;
    line-height: 1.4;

    margin: 0;
}
@media (max-width: 991px)
{
    .footer .foot .title-foot h2
    {
        font-size: 24px;
    }
}
.footer .foot .title-foot h3
{
    font-size: 24px;
    line-height: 1.4;

    margin: 0;
}
@media (max-width: 991px)
{
    .footer .foot .title-foot h3
    {
        font-size: 18px;
    }
}
@media (max-width: 991px)
{
    .footer .foot .erweima
    {
        display: inline-block;

        margin-bottom: 20px;
        margin-left: 20px;

        vertical-align: middle;
    }
}
.footer .foot .erweima img
{
    width: 92px;
}
.footer .foot .erweima p
{
    text-align: center;
    line-height: 45px;
}
.footer .foot .desc p
{
    font-size: 16px;
    line-height: 1.875;

    margin: 0;
}
@media (max-width: 1199px)
{
    .footer .foot .desc p
    {
        font-size: 14px;
    }
}
.footer .foot .desc p a:hover
{
    text-decoration: underline;
}
.footer .foot-logo
{
    padding: 30px 0;
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    text-align: center;
}
@media (max-width: 767px)
{
    .footer .foot-logo
    {
        padding-top: 0;
    }
}
.footer .foot-logo img
{
    max-height: 44px;
}
@media (max-width: 767px)
{
    .footer .foot-logo img
    {
        max-height: 34px;
    }
}
.footer .copyright
{
    font-size: 14px;
    line-height: 24px;

    padding: 30px 0;

    text-align: center;
}
@media (max-width: 767px)
{
    .footer .copyright
    {
        padding-top: 0;
        padding-bottom: 14px;
    }
}
.footer .copyright p
{
    margin: 0;
}
.footer .copyright span
{
    margin-left: 30px;
}
@media (max-width: 767px)
{
    .footer .copyright span
    {
        margin-left: 10px;
    }
}
.inner-wrap .container
{
    max-width: 1630px;
    margin: 0 auto;
}
.inner
{
    overflow: hidden;

    padding: 50px 3%;

    background-color: #f7f7f7;
}
@media (max-width: 991px)
{
    .inner
    {
        padding: 30px 0;
    }
}
.title-inner
{
    text-align: center;
}
.title-inner h3
{
    font-family: 'Staatliches';
    font-size: 60px;
    line-height: 1;

    margin: 0;

    color: rgba(0, 0, 0, .05);
}
@media (max-width: 1199px)
{
    .title-inner h3
    {
        font-size: 50px;
    }
}
@media (max-width: 991px)
{
    .title-inner h3
    {
        font-size: 40px;
    }
}
@media (max-width: 767px)
{
    .title-inner h3
    {
        font-size: 30px;
    }
}
.title-inner h2
{
    font-family: 'Playfair Display';
    font-size: 36px;
    line-height: 1;

    margin: 0;
    margin-top: -50px;

    text-transform: capitalize;
}
@media (max-width: 1199px)
{
    .title-inner h2
    {
        font-size: 30px;
    }
}
@media (max-width: 991px)
{
    .title-inner h2
    {
        font-size: 24px;

        margin-top: -30px;
    }
}
.title-inner h2:after
{
    display: block;

    width: 66px;
    height: 6px;
    margin: 0 auto;
    margin-top: 14px;

    content: '';

    border-radius: 10px;
    background-color: #04447c;
}
.catalog
{
    padding: 20px 16px;

    background-color: #fff;
}

.catalog > ul > li.active .menunav-2{display:block}

@media (max-width: 991px)
{
    .catalog
    {
        padding: 10px;
    }
}
.catalog .title-catalog h2
{
    font-family: 'Playfair Display';
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;

    margin: 0;

    color: #04447c;
}
@media (max-width: 991px)
{
    .catalog .title-catalog h2
    {
        font-size: 20px;
    }
}
.catalog .menu ul.menunav-1
{
    margin-top: 20px;
}
@media (max-width: 991px)
{
    .catalog .menu ul.menunav-1
    {
        margin-top: 10px;
    }
}
.catalog .menu ul.menunav-1 > li
{
    position: relative;

    margin-top: 10px;
}
.catalog .menu ul.menunav-1 > li .open-menu
{
    font-size: 20px;
    line-height: 50px;

    position: absolute;
    top: 0;
    right: 0;

    width: 50px;
    height: 50px;
    padding-right: 10px;

    text-align: right;

    color: #fff;
}
@media (max-width: 991px)
{
    .catalog .menu ul.menunav-1 > li .open-menu
    {
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
}
.catalog .menu ul.menunav-1 > li .open-menu:before
{
    font-family: 'iconfont' !important;

    display: inline-block;

    content: '\e625';
    cursor: pointer;
    -webkit-transition: all .2s;
            transition: all .2s;
}
.catalog .menu ul.menunav-1 > li > a
{
    font-size: 16px;
    line-height: 30px;

    display: block;

    padding: 10px 60px 10px 14px;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #333;
    background-color: #eee;
}
@media (max-width: 991px)
{
    .catalog .menu ul.menunav-1 > li > a
    {
        font-size: 15px;

        padding: 5px 50px 5px 10px;
    }
}
.catalog .menu ul.menunav-1 > li ul.menunav-2
{
    display: none;
}
.catalog .menu ul.menunav-1 > li ul.menunav-2 > li
{
    margin-top: 4px;
}
.catalog .menu ul.menunav-1 > li ul.menunav-2 > li > a
{
    font-size: 15px;
    line-height: 30px;

    display: block;

    padding: 10px 28px;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #999;
    background-color: #f7f7f7;
}
@media (max-width: 991px)
{
    .catalog .menu ul.menunav-1 > li ul.menunav-2 > li > a
    {
        font-size: 14px;

        padding: 4px 14px;
    }
}
.catalog .menu ul.menunav-1 > li ul.menunav-2 > li:hover > a,
.catalog .menu ul.menunav-1 > li ul.menunav-2 > li.active > a
{
    color: #fff;
}
.catalog .menu ul.menunav-1 > li.current .open-menu:before
{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.catalog .menu ul.menunav-1 > li:hover > a,
.catalog .menu ul.menunav-1 > li.active > a
{
    background-color: #04447c;
    color: #fff;
}


.catalog .menu ul.menunav-1 > li ul li a.on
{
    color: #fff;
    font-weight: bold;
}

.side-service
{
    margin-top: 20px;
    padding: 20px 16px;

    background-color: #fff;
}
.side-service .title-service h2
{
    font-family: 'Playfair Display';
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;

    margin: 0;

    color: #04447c;
}
.side-service .whatsapp
{
    margin-top: 16px;
}
.side-service .whatsapp a
{
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;

    display: block;

    color: #029cb4;
}
.side-service .whatsapp a:before
{
    font-family: 'iconfont' !important;
    font-size: 30px;

    float: left;

    margin-right: 10px;

    content: '\e621';
}
.side-service .btn-message
{
    margin-top: 20px;

    text-align: center;
}
.side-service .btn-message a
{
    font-size: 16px;
    line-height: 30px;

    display: block;

    color: rgba(255, 255, 255, .9);
    border-radius: 30px;
    background-color: #04447c;
}
@media (max-width: 991px)
{
    .side-service.lg-side-service
    {
        display: none;
    }
}
.side-service.xs-side-service
{
    display: none;
}
@media (max-width: 991px)
{
    .side-service.xs-side-service
    {
        display: block;
    }
}
.innersidebar
{
    position: absolute;
    top: -webkit-calc(50% + 40px);
    top:         calc(50% + 40px);

    width: 100%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;

    color: #fff;
}
@media (max-width: 767px)
{
    .innersidebar
    {
        position: relative;
        top: 0;

        margin-top: 30px;

        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);

        color: #666;
    }
}
.innersidebar .title-innersidebar h2
{
    font-size: 30px;
    font-weight: bold;
    line-height: 1;

    display: inline-block;

    margin: 0;

    background-image: -webkit-linear-gradient(right, #fff, #b4b4b4, #fff);
    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}
@media (max-width: 991px)
{
    .innersidebar .title-innersidebar h2
    {
        font-size: 24px;
    }
}
@media (max-width: 767px)
{
    .innersidebar .title-innersidebar h2
    {
        background-image: -webkit-linear-gradient(right, #666, #b4b4b4, #666);
    }
}
.innersidebar .sidebar
{
    margin-top: 30px;
}
@media (max-width: 991px)
{
    .innersidebar .sidebar
    {
        margin-top: 20px;
    }
}
.innersidebar .sidebar > ul
{
    margin: 0 -34px;
}
@media (max-width: 991px)
{
    .innersidebar .sidebar > ul
    {
        margin: 0 -10px;
    }
}
.innersidebar .sidebar > ul > li
{
    display: inline-block;

    padding: 0 34px;

    vertical-align: top;
}
@media (max-width: 991px)
{
    .innersidebar .sidebar > ul > li
    {
        padding: 0 10px;
    }
}
.innersidebar .sidebar > ul > li > a
{
    font-size: 16px;
    line-height: 30px;

    position: relative;

    display: block;

    -webkit-transition: all .2s;
            transition: all .2s;

    border-bottom: 2px solid rgba(255, 255, 255, 0);
}
@media (max-width: 767px)
{
    .innersidebar .sidebar > ul > li > a
    {
        font-size: 14px;
    }
}
.innersidebar .sidebar > ul > li > a:after
{
    position: absolute;
    bottom: -7px;
    left: 50%;

    display: block;

    width: 0;
    height: 0;

    content: '';
    -webkit-transition: all .2s;
            transition: all .2s;

    opacity: 0;
    border-width: 5px 3px 0 3px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.innersidebar .sidebar > ul > li.active > a,
.innersidebar .sidebar > ul > li:hover > a
{
    border-bottom: 2px solid #fff;
}
@media (max-width: 767px)
{
    .innersidebar .sidebar > ul > li.active > a,
    .innersidebar .sidebar > ul > li:hover > a
    {
        color: #04447c;
    }
}
.innersidebar .sidebar > ul > li.active > a:after,
.innersidebar .sidebar > ul > li:hover > a:after
{
    opacity: 1;
}
.inner-choose
{
    padding-bottom: 120px;

    color: #fff;
    background-image: -webkit-gradient(linear, right top, left top, from(#0d7ca3), to(#04447c));
    background-image: -webkit-linear-gradient(right, #0d7ca3, #04447c);
    background-image:         linear-gradient(to left, #0d7ca3, #04447c);
}
.inner-choose .title-inner h3
{
    color: rgba(255, 255, 255, .05);
}
.inner-choose .choose ul
{
    font-size: 0;

    margin: 0 -30px;
}
@media (max-width: 1470px)
{
    .inner-choose .choose ul
    {
        margin: 0 -10px;
    }
}
.inner-choose .choose ul li
{
    font-size: 14px;

    display: inline-block;
    float: none;

    margin-top: 40px;
    padding: 0 30px;

    vertical-align: top;
}
@media (max-width: 1470px)
{
    .inner-choose .choose ul li
    {
        padding: 0 10px;
    }
}
@media (max-width: 1199px)
{
    .inner-choose .choose ul li
    {
        margin-top: 20px;
        padding: 10px;
    }
}
@media (max-width: 767px)
{
    .inner-choose .choose ul li
    {
        margin: 0;
    }
}
.inner-choose .choose ul li:nth-child(2) .item:before
{
    content: '\e662';
}
.inner-choose .choose ul li:nth-child(3) .item:before
{
    font-size: 60px;
    line-height: 50px;

    content: '\e79a';
}
@media (max-width: 1470px)
{
    .inner-choose .choose ul li:nth-child(3) .item:before
    {
        font-size: 50px;
    }
}
.inner-choose .choose ul li:nth-child(4) .item:before
{
    content: '\e6d8';
}
.inner-choose .choose .item
{
    position: relative;
display: block;
    padding-left: 80px;
}
@media (max-width: 1470px)
{
    .inner-choose .choose .item
    {
        padding-left: 60px;
    }
}
.inner-choose .choose .item:before
{
    font-family: 'iconfont' !important;
    font-size: 50px;

    position: absolute;
    top: 0;
    left: 0;

    content: '\e9ec';
}
@media (max-width: 1470px)
{
    .inner-choose .choose .item:before
    {
        font-size: 40px;
    }
}
.inner-choose .choose .item b
{
    font-size: 24px;
    line-height: 30px;

    display: block;

    margin-bottom: 20px;
    padding-top: 20px;
}
@media (max-width: 1199px)
{
    .inner-choose .choose .item b
    {
        font-size: 20px;

        margin-bottom: 10px;
    }
}
@media (max-width: 991px)
{
    .inner-choose .choose .item b
    {
        font-size: 18px;
    }
}
@media (max-width: 767px)
{
    .inner-choose .choose .item b
    {
        margin: 0;
        padding-top: 10px;
    }
}
.inner-choose .choose .item p
{
    font-size: 16px;
    line-height: 24px;

    margin: 0;

    color: rgba(255, 255, 255, .7);
}

.inner-choose .choose .item span{
    border:1px solid rgba(255,255,255,.5);
    padding: 8px 23px;
    float: left;
    margin: 5px 0 0 0;
}
@media (max-width: 1470px)
{
    .inner-choose .choose .item p
    {
        font-size: 14px;
    }
}
@media (max-width: 767px)
{
    .inner-choose .choose .item p
    {
        font-size: 13px;
        line-height: 22px;
    }
}
.inner-choose .choose .item:hover:before
{
    -webkit-animation: swing 1s 0s ease both;
            animation: swing 1s 0s ease both;
}
.inner-about
{
    position: relative;
    z-index: 4;

    margin-top: -70px;
    padding-top: 0;

    background: none;
}
.inner-about .title-inner
{
    padding-top: 40px;

    background-color: #fff;
}
.inner-about .about .text,
.inner-about .about .pic
{
    margin-top: 70px;
}
@media (max-width: 991px)
{
    .inner-about .about .text,
    .inner-about .about .pic
    {
        margin-top: 30px;
    }
	.inner-about{
		margin-top: -18px;
	}
}
.inner-about .about .text img
{
    max-width: 100%;
    height: auto !important;
}
@media (max-width: 767px)
{
    .inner-about .about .text img
    {
        max-width: 150px;
    }
}
.inner-about .about .text p
{
    font-size: 18px;
    line-height: 30px;

    margin: 0;

    color: #777;
}
@media (max-width: 1470px)
{
    .inner-about .about .text p
    {
        font-size: 16px;
    }
}
@media (max-width: 991px)
{
    .inner-about .about .text p
    {
        font-size: 14px;
        line-height: 24px;
    }
}
.inner-about .about .pic img
{
    width: 100%;
    height: auto !important;
}
.inner-factory
{
    background-color: #f5f5f5;
}
.inner-factory .factory
{
	max-width: 1440px;
	margin: 0 auto;
    margin-top: 20px;
}
@media (min-width: 1470px)
{
    .inner-factory .factory ul
    {
        margin: 0 -14px;
    }
    .inner-factory .factory ul li
    {
        padding: 0 24px;
    }
}
.inner-factory .factory .item
{
    display: block;

    margin-top: 30px;

    -webkit-transition: all .2s;
            transition: all .2s;

    background-color: #fff;
}
.inner-factory .factory .item .ibox
{
    padding-bottom: 75%;
}
.inner-factory .factory .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-factory .factory .item .note
{
    line-height: 80px;

    position: relative;

    padding: 0 20px 0 20px;
}
@media (max-width: 767px)
{
    .inner-factory .factory .item .note
    {
        line-height: 50px;

        padding: 0 6px 0 6px;
    }
}
.inner-factory .factory .item .note p
{
    font-size: 16px;
    font-weight: bold;
    line-height: 80px;

    display: -webkit-box;
    overflow: hidden;

    height: 80px;
    margin: 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .inner-factory .factory .item .note p
    {
        font-size: 14px;
        line-height: 50px;

        height: 50px;
    }
}
.inner-factory .factory .item .note span.factorymore
{
    line-height: 80px;

    position: absolute;
    top: 0;
    right: 20px;

    display: block;
	display: none;
    color: #999;
}
@media (max-width: 767px)
{
    .inner-factory .factory .item .note span.factorymore
    {
        line-height: 50px;

        right: 6px;
    }
}
.inner-factory .factory .item .note span.factorymore:before
{
    display: inline-block;

    width: 0;
    height: 0;
    margin-right: 10px;

    content: '';
    vertical-align: middle;

    border-width: 4px 0 4px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #04447c;
}
.inner-factory .factory .item:hover
{
    background-color: #04447c;
}
.inner-factory .factory .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-factory .factory .item:hover .note p
{
    color: #fff;
}
.inner-factory .factory .item:hover .note span.factorymore
{
    color: #fff;
}
.inner-factory .factory .item:hover .note span.factorymore:before
{
    border-color: transparent transparent transparent #fff;
}
.inner-factory .more
{
    margin-top: 50px;

    text-align: center;
}
@media (max-width: 991px)
{
    .inner-factory .more
    {
        margin-top: 30px;
    }
}
.inner-factory .more a
{
    font-size: 16px;
    line-height: 40px;

    display: inline-block;

    padding: 0 30px;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #aaa;
    border: 1px solid #ccc;
}
.inner-factory .more a:hover
{
    color: #fff;
    border-color: #04447c;
    background-color: #04447c;
}
.inner-factory-detail .container
{
    max-width: 1330px;
}
.inner-factory-detail .factory
{
    margin-top: -16px;
}
.inner-factory-detail .factory ul
{
    margin: 0 -8px;
}
.inner-factory-detail .factory ul li
{
    padding: 0 8px;
}
.inner-factory-detail .factory .item
{
    margin-top: 16px;
}
.inner-message
{
    font-size: 0;

    padding: 80px 0;

    background: url(../images/message_bg.jpg) no-repeat center fixed;
    background-size: cover;
}
@media (max-width: 1199px)
{
    .inner-message
    {
        background: url(../images/message_bg.jpg) no-repeat center;
        background-size: cover;
    }
}
@media (max-width: 991px)
{
    .inner-message
    {
        padding: 50px 0;
    }
}
.inner-message .message-left,
.inner-message .message-right
{
    font-size: 14px;

    display: inline-block;

    vertical-align: middle;
}
.inner-message .message-left
{
    width: 60%;
    padding: 50px 60px;

    background-color: rgba(0, 0, 0, .2);
}
@media (max-width: 991px)
{
    .inner-message .message-left
    {
        padding: 30px;
    }
}
@media (max-width: 767px)
{
    .inner-message .message-left
    {
        width: 100%;
        padding: 30px 14px;
    }
}
.inner-message .message-left .message-logo img
{
    max-width: 230px;
}
@media (max-width: 767px)
{
    .inner-message .message-left .message-logo img
    {
        max-width: 150px;
    }
}
.inner-message .message-left .text
{
    margin-top: 40px;
}
@media (max-width: 767px)
{
    .inner-message .message-left .text
    {
        margin-top: 20px;
    }
}
.inner-message .message-left .text p
{
    font-size: 16px;
    line-height: 30px;
	padding-left: 40px;
    margin-bottom: 18px;
	position: relative;
    color: rgba(255, 255, 255, .7);
}
@media (max-width: 767px)
{
    .inner-message .message-left .text p
    {
        margin-bottom: 10px;
    }
}
.inner-message .message-left .text p:before{
	font-family: 'iconfont' !important;
	content: '\ed39';
	position: absolute;
	left: 0;
	font-size: 24px;
}
.inner-message .message-left .text p.address:before{
	content: '\e63e';
}
.inner-message .message-left .text p.email:before{
	content: '\e72e';
}
.inner-message .message-left .text p.tel:before{
	content: '\e61c';
}
.inner-message .message-left .text a:hover
{
    text-decoration: underline;

    color: rgba(255, 255, 255, .9);
}
.inner-message .message-left .share
{
    margin-top: 170px;

    -webkit-transition: all .4s;
            transition: all .4s;
}
@media (max-width: 991px)
{
    .inner-message .message-left .share
    {
        margin-top: 70px;
    }
}
@media (max-width: 767px)
{
    .inner-message .message-left .share
    {
        margin-top: 40px;
    }
}
.inner-message .message-left .share > ul > li
{
    display: inline-block;

    margin-right: 18px;

    vertical-align: top;
}
@media (max-width: 991px)
{
    .inner-message .message-left .share > ul > li
    {
        margin-right: 8px;
    }
}
.inner-message .message-left .share > ul > li a
{
    position: relative;

    display: block;

    -webkit-transition: all .6s;
            transition: all .6s;

    color: #fff;
}
.inner-message .message-left .share > ul > li a:before
{
    display: inline-block;
    overflow: hidden;

    width: 34px;
    height: 34px;

    content: '';
    vertical-align: middle;

    border-radius: 5px;
    background: url(../images/share.png) no-repeat;
    background-size: cover;
}
@media (max-width: 1199px)
{
    .inner-message .message-left .share > ul > li a:before
    {
        width: 24px;
        height: 24px;
    }
}
.inner-message .message-left .share > ul > li a span
{
    font-size: 20px;

    display: inline-block;

    margin: 0 10px;

    vertical-align: middle;
}
@media (max-width: 1199px)
{
    .inner-message .message-left .share > ul > li a span
    {
        font-size: 16px;

        margin-right: 0;
    }
}
@media (max-width: 991px)
{
    .inner-message .message-left .share > ul > li a span
    {
        font-size: 12px;
    }
}
.inner-message .message-left .share > ul > li a:hover span
{
    opacity: 1;
}
.inner-message .message-left .share > ul > li a:hover
{
    -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
            transform: translateY(-6px);
}
.inner-message .message-left .share > ul > li.twitter a:before
{
    background-position: -34px 0;
}
@media (max-width: 1199px)
{
    .inner-message .message-left .share > ul > li.twitter a:before
    {
        background-position: -24px 0;
    }
}
.inner-message .message-left .share > ul > li.facebook a:before
{
    background-position: -68px 0;
}
@media (max-width: 1199px)
{
    .inner-message .message-left .share > ul > li.facebook a:before
    {
        background-position: -48px 0;
    }
}
.inner-message .message-left .share > ul > li.instagram a:before
{
    background-position: -102px 0;
}
@media (max-width: 1199px)
{
    .inner-message .message-left .share > ul > li.instagram a:before
    {
        background-position: -72px 0;
    }
}
.inner-message .message-right
{
    width: 40%;
    padding-left: 40px;
}
@media (max-width: 767px)
{
    .inner-message .message-right
    {
        width: 100%;
        padding: 30px 0 0 0;
    }
}
.inner-message .message-right .title-message h2
{
    font-family: 'Staatliches';
    font-size: 36px;
    line-height: 1.4;

    margin: 0;

    color: #fff;
}
@media (max-width: 1199px)
{
    .inner-message .message-right .title-message h2
    {
        font-size: 30px;
    }
}
@media (max-width: 991px)
{
    .inner-message .message-right .title-message h2
    {
        font-size: 28px;
    }
}
@media (max-width: 767px)
{
    .inner-message .message-right .title-message h2
    {
        font-size: 24px;
    }
}
.inner-message .message-right form input,
.inner-message .message-right form textarea
{
    line-height: 26px;
    line-height: 30px;

    width: 100%;
    min-height: 46px;
    margin-top: 22px;
    padding: 10px 14px;

    resize: vertical;

    color: rgba(255, 255, 255, .9);
    border: none;
    outline: none;
    background: none;
    background-color: rgba(0, 0, 0, .2);
}
@media (max-width: 991px)
{
    .inner-message .message-right form input,
    .inner-message .message-right form textarea
    {
        margin-top: 12px;
    }
}
.inner-message .message-right form input::-webkit-input-placeholder,
.inner-message .message-right form textarea::-webkit-input-placeholder
{
    color: rgba(255, 255, 255, .7);
}
.inner-message .message-right form input:-o-placeholder,
.inner-message .message-right form textarea:-o-placeholder
{
    color: rgba(255, 255, 255, .7);
}
.inner-message .message-right form input::-moz-placeholder,
.inner-message .message-right form textarea::-moz-placeholder
{
    color: rgba(255, 255, 255, .7);
}
.inner-message .message-right form input:-ms-input-placeholder,
.inner-message .message-right form textarea:-ms-input-placeholder
{
    color: rgba(255, 255, 255, .7);
}
.inner-message .message-right form input:focus::-webkit-input-placeholder,
.inner-message .message-right form textarea:focus::-webkit-input-placeholder
{
    color: rgba(255, 255, 255, .2);
}
.inner-message .message-right form input:focus::-o-placeholder,
.inner-message .message-right form textarea:focus::-o-placeholder
{
    color: rgba(255, 255, 255, .2);
}
.inner-message .message-right form input:focus::-moz-placeholder,
.inner-message .message-right form textarea:focus::-moz-placeholder
{
    color: rgba(255, 255, 255, .2);
}
.inner-message .message-right form input:focus::-ms-input-placeholder,
.inner-message .message-right form textarea:focus::-ms-input-placeholder
{
    color: rgba(255, 255, 255, .2);
}
.inner-message .message-right form .submit
{
    font-size: 18px;
    line-height: 60px;

    display: inline-block;

    margin-top: 40px;
    padding: 0 40px;

    color: #fff;
    border: none;
    border-radius: 0;
    outline: none;
    background-image: -webkit-gradient(linear, right top, left top, from(#0d7ca3), to(#04447c));
    background-image: -webkit-linear-gradient(right, #0d7ca3, #04447c);
    background-image:         linear-gradient(to left, #0d7ca3, #04447c);
}
@media (max-width: 1199px)
{
    .inner-message .message-right form .submit
    {
        font-size: 16px;
        line-height: 46px;

        margin-top: 20px;
    }
}
@media (max-width: 767px)
{
    .inner-message .message-right form .submit
    {
        font-size: 15px;
    }
}
.inner-message .message-right form .submit:hover
{
    background-image: -webkit-gradient(linear, right top, left top, from(#04447c), to(#04447c));
    background-image: -webkit-linear-gradient(right, #04447c, #04447c);
    background-image:         linear-gradient(to left, #04447c, #04447c);
}
.inner-certificate
{
    background-color: #f7f7f7;
}
.inner-certificate .container
{
    max-width: 1330px;
}
.inner-certificate .certificate
{
    margin-top: 30px;
}
@media (max-width: 991px)
{
    .inner-certificate .certificate
    {
        margin-top: 14px;
    }
}
.inner-certificate .certificate ul
{
    margin: 0 -12px;
}
.inner-certificate .certificate ul li
{
    padding: 0 12px;
}
.inner-certificate .certificate .item
{
    display: block;

    margin-top: 16px;

    -webkit-transition: all .2s;
            transition: all .2s;

    background-color: #fff;
}
.inner-certificate .certificate .item .ibox
{
    padding-bottom: 134.375%;
}
.inner-certificate .certificate .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-certificate .certificate .item .note
{
    line-height: 60px;

    position: relative;

    padding: 0 20px;

    border-top: 1px solid #f5f5f5;
}
@media (max-width: 767px)
{
    .inner-certificate .certificate .item .note
    {
        line-height: 50px;

        padding: 0 10px;
    }
}
.inner-certificate .certificate .item .note p
{
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;

    display: -webkit-box;
    overflow: hidden;

    height: 60px;
    margin: 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .inner-certificate .certificate .item .note p
    {
        font-size: 14px;
        line-height: 50px;

        height: 50px;
    }
}
.inner-certificate .certificate .item:hover
{
    background-color: #04447c;
}
.inner-certificate .certificate .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-certificate .certificate .item:hover .note p
{
    color: #fff;
}
.inner-case .case
{
    margin-top: -16px;
}
@media (min-width: 1470px)
{
    .inner-case .case ul
    {
        margin: 0 -8px;
    }
    .inner-case .case ul li
    {
        padding: 0 8px;
    }
}
.inner-case .case .item
{
    display: block;

    margin-top: 16px;

    -webkit-transition: all .2s;
            transition: all .2s;

    background-color: #fff;
}
.inner-case .case .item .ibox
{
    padding-bottom: 75%;
}
.inner-case .case .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-case .case .item .note
{
    line-height: 60px;

    position: relative;

    padding: 0 20px;

    border-top: 1px solid #f5f5f5;
}
@media (max-width: 767px)
{
    .inner-case .case .item .note
    {
        line-height: 50px;

        padding: 0 10px;
    }
}
.inner-case .case .item .note p
{
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;

    display: -webkit-box;
    overflow: hidden;

    height: 60px;
    margin: 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .inner-case .case .item .note p
    {
        font-size: 14px;
        line-height: 50px;

        height: 50px;
    }
}
.inner-case .case .item:hover
{
    background-color: #04447c;
}
.inner-case .case .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-case .case .item:hover .note p
{
    color: #fff;
}
.inner-faq
{
    background-color: #fff;
}
.inner-faq .faq
{
    margin-top: -30px;
}
.inner-faq .faq > ul > li
{
    margin-top: 30px;
}
.inner-faq .faq > ul > li:nth-child(2n) .item .title-faq-list:before
{
    background-color: #0d7ca3;
}
.inner-faq .faq > ul > li:nth-child(2n) .item .title-faq-list h3
{
    color: #0d7ca3;
}
.inner-faq .faq > ul > li:nth-child(2n).current .item .title-faq-list:after
{
    color: #0d7ca3;
}
.inner-faq .faq > ul > li.current .item .title-faq-list:after
{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);

    color: #04447c;
}
.inner-faq .faq .item .title-faq-list
{
    position: relative;

    padding: 10px 60px 10px 80px;

    cursor: pointer;

    border-radius: 50px;
    background-color: #f5f5f5;
}
@media (max-width: 991px)
{
    .inner-faq .faq .item .title-faq-list
    {
        padding: 6px 60px 6px 60px;
    }
}
.inner-faq .faq .item .title-faq-list:before
{
    font-family: 'iconfont' !important;
    font-size: 30px;
    font-weight: bold;
    line-height: 50px;

    position: absolute;
    top: 10px;
    left: 20px;

    display: block;

    width: 50px;
    height: 50px;

    content: '\e665';
    text-align: center;

    color: #fff;
    border-radius: 50%;
    background-color: #04447c;
}
@media (max-width: 991px)
{
    .inner-faq .faq .item .title-faq-list:before
    {
        font-size: 16px;
        line-height: 26px;

        width: 26px;
        height: 26px;
    }
}
.inner-faq .faq .item .title-faq-list:after
{
    font-family: 'iconfont' !important;
    font-size: 30px;
    font-weight: bold;
    line-height: 70px;

    position: absolute;
    top: 0;
    right: 20px;

    content: '\e625';
    -webkit-transition: all .4s;
            transition: all .4s;

    color: #ccc;
}
@media (max-width: 991px)
{
    .inner-faq .faq .item .title-faq-list:after
    {
        font-size: 22px;
        line-height: 42px;

        right: 20px;
    }
}
.inner-faq .faq .item .title-faq-list h3
{
    font-size: 21px;
    font-weight: bold;
    line-height: 50px;

    display: -webkit-box;
    overflow: hidden;

    height: 50px;
    margin: 0;

    color: #04447c;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 1199px)
{
    .inner-faq .faq .item .title-faq-list h3
    {
        font-size: 19px;
    }
}
@media (max-width: 991px)
{
    .inner-faq .faq .item .title-faq-list h3
    {
        font-size: 17px;
        line-height: 32px;

        height: 32px;
    }
}
@media (max-width: 767px)
{
    .inner-faq .faq .item .title-faq-list h3
    {
        font-size: 16px;
    }
}
.inner-faq .faq .item .text
{
    overflow: hidden;

    max-height: 60px;
    padding: 30px;

    -webkit-transition: all 1s;
            transition: all 1s;
}
@media (max-width: 991px)
{
    .inner-faq .faq .item .text
    {
        padding: 20px 10px;
    }
}
.inner-faq .faq .item .text p
{
    font-size: 16px;
    line-height: 30px;

    margin: 0;

    color: #666;
}
@media (max-width: 991px)
{
    .inner-faq .faq .item .text p
    {
        font-size: 14px;
        line-height: 24px;
    }
}
.inner-faq .faq .item .text.topen
{
    max-height: 1200px;
}
.inner-news .news
{
    margin-top: -50px;
}
@media (max-width: 1350px)
{
    .inner-news .news
    {
        margin-top: -30px;
    }
}
.inner-news .news ul li
{
    padding: 50px 0;

    border-bottom: 1px solid #d8d8d8;
}
@media (max-width: 1199px)
{
    .inner-news .news ul li
    {
        padding: 30px 0;
    }
}
.inner-news .news ul li:nth-child(2n) .item .pic
{
    left: 65%;
}
@media (max-width: 991px)
{
    .inner-news .news ul li:nth-child(2n) .item .pic
    {
        left: 60%;
    }
}
@media (max-width: 767px)
{
    .inner-news .news ul li:nth-child(2n) .item .pic
    {
        left: 0;
    }
}
.inner-news .news ul li:nth-child(2n) .item .text
{
    right: 35%;

    padding-right: 30px;
    padding-left: 0;
}
@media (max-width: 991px)
{
    .inner-news .news ul li:nth-child(2n) .item .text
    {
        right: 40%;
    }
}
@media (max-width: 767px)
{
    .inner-news .news ul li:nth-child(2n) .item .text
    {
        right: 0;

        padding-right: 0;
    }
}
.inner-news .news ul li:last-child
{
    padding-bottom: 0;

    border-bottom: none;
}
.inner-news .news .item
{
    font-size: 0;
}
.inner-news .news .item .pic,
.inner-news .news .item .text
{
    font-size: 14px;

    position: relative;

    display: inline-block;

    vertical-align: middle;
}
.inner-news .news .item .pic
{
    width: 35%;
}
@media (max-width: 991px)
{
    .inner-news .news .item .pic
    {
        width: 40%;
    }
}
@media (max-width: 767px)
{
    .inner-news .news .item .pic
    {
        width: 100%;
    }
}
.inner-news .news .item .pic .ibox
{
    padding-bottom: 53.48837209%;
}
.inner-news .news .item .pic .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-news .news .item .text
{
    width: 65%;
    padding-left: 30px;
}
@media (max-width: 991px)
{
    .inner-news .news .item .text
    {
        width: 60%;
    }
}
@media (max-width: 767px)
{
    .inner-news .news .item .text
    {
        width: 100%;
        margin-top: 20px;
        padding: 0;
    }
}
.inner-news .news .item .text b
{
    font-size: 24px;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #04447c;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 991px)
{
    .inner-news .news .item .text b
    {
        font-size: 20px;
    }
}
@media (max-width: 767px)
{
    .inner-news .news .item .text b
    {
        font-size: 18px;
    }
}
.inner-news .news .item .text span.by,
.inner-news .news .item .text span.date
{
    line-height: 24px;

    display: inline-block;

    vertical-align: top;

    color: #999;
}
.inner-news .news .item .text p
{
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 90px;
    margin: 10px 0 0 0;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
@media (max-width: 1199px)
{
    .inner-news .news .item .text p
    {
        margin-top: 10px;
    }
}
.inner-news .news .item .text a.more
{
    line-height: 44px;

    display: inline-block;

    margin-top: 20px;
    padding: 0 44px;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #fff;
    background-color: #04447c;
}
@media (max-width: 1199px)
{
    .inner-news .news .item .text a.more
    {
        margin-top: 10px;
    }
}
@media (max-width: 767px)
{
    .inner-news .news .item .text a.more
    {
        line-height: 34px;

        padding: 0 34px;
    }
}
.inner-news .news .item:hover .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-news .news .item:hover .text b
{
    color: #0d7ca3;
}
.inner-news .news .item:hover .text a.more
{
    background-color: #0d7ca3;
}
.inner-news-show
{
    background-color: #fff;
}
.inner-news-show .news-show
{
    max-width: 900px;
    margin: 0 auto;
}
.inner-news-show .title-news-show
{
    text-align: center;
}
.inner-news-show .title-news-show h1
{
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 0;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #04447c;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media (max-width: 767px)
{
    .inner-news-show .title-news-show h1
    {
        font-size: 20px;
    }
}
.inner-news-show .title-news-show span.by,
.inner-news-show .title-news-show span.date
{
    line-height: 24px;

    display: inline-block;

    vertical-align: top;

    color: #999;
}
.inner-news-show .title-news-show p
{
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 90px;
    margin: 20px 0 0 0;

    color: #666;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
@media (max-width: 1199px)
{
    .inner-news-show .title-news-show p
    {
        margin-top: 10px;
    }
}
.inner-news-show .text-top
{
    font-size: 16px;
    line-height: 1.875;

    overflow: hidden;

    margin-top: 30px;
    padding: 80px 5%;

    color: #666;
    border-left: 10px solid #04447c;
    background-color: #f9f9f9;
}
@media (max-width: 1199px)
{
    .inner-news-show .text-top
    {
        padding: 50px 5%;
    }
}
@media (max-width: 767px)
{
    .inner-news-show .text-top
    {
        font-size: 14px;

        padding: 20px 10px;

        border-left-width: 4px;
    }
}
.inner-news-show .text-top p
{
    margin: 0;
}
.inner-news-show .text
{
    font-size: 16px;
    line-height: 1.875;

    margin-top: 30px;

    color: #666;
}
@media (max-width: 767px)
{
    .inner-news-show .text
    {
        font-size: 14px;
    }
}
.inner-news-show .text p
{
    margin: 0;
}
.inner-news-show .text img
{
    max-width: 100%;
    height: auto !important;
}
.products-top
{
    margin-top: 130px;
    padding: 40px 0;

    color: #fff;
    background-image: -webkit-gradient(linear, right top, left top, from(#029cb4), to(#04447c));
    background-image: -webkit-linear-gradient(right, #029cb4, #04447c);
    background-image:         linear-gradient(to left, #029cb4, #04447c);
}
@media (max-width: 1199px)
{
    .products-top
    {
        margin-top: 60px;
        padding: 20px 0;
    }
}
.products-top .title-products
{
    display: inline-block;
}
.products-top .title-products h2
{
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;

    margin: 0;
}
@media (max-width: 1470px)
{
    .products-top .title-products h2
    {
        font-size: 30px;
    }
}
@media (max-width: 1199px)
{
    .products-top .title-products h2
    {
        font-size: 24px;
    }
}
@media (max-width: 767px)
{
    .products-top .title-products h2
    {
        font-size: 20px;
        /* line-height: 24px; */
    }
}
.products-top .products-location
{
    display: inline-block;
    float: right;
}
@media (max-width: 1199px)
{
    .products-top .products-location
    {
        /* float: none; */
    }
}
@media (max-width: 991px)
{
    .products-top .products-location
    {
        margin: 0;
    }
}
.products-top .products-location ul li
{
    font-size: 16px;
    font-size: 14px;

    display: inline-block;

    vertical-align: top;

    color: #fff;
}
.products-top .products-location ul li:after
{
    content: '>';
}
.products-top .products-location ul li:last-child:after
{
    display: none;
}
.products-top .products-location ul a
{
    line-height: 40px;

    display: inline-block;

    text-transform: uppercase;
}
.products-top .products-location ul a:hover
{
    text-decoration: underline;

    color: #fff;
}
.inner-products .products
{
    margin-top: -30px;
}
@media (max-width: 991px)
{
    .inner-products .products
    {
        margin: 0;
    }
}
.inner-products .products > ul
{
    margin: 0 -8px;
}
.inner-products .products > ul > li
{
    padding: 0 8px;
}
.inner-products .products .item
{
    margin-top: 30px;

    -webkit-transition: all .2s;
            transition: all .2s;

    background-color: #fff;
}
@media (max-width: 767px)
{
    .inner-products .products .item
    {
        margin-top: 14px;
    }
}
.inner-products .products .item .pic .ibox
{
    padding-bottom: 75.75757576%;
}
.inner-products .products .item .pic .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-products .products .item .text
{
    padding: 20px;

    border-top: 1px solid #dadada;
}
@media (max-width: 767px)
{
    .inner-products .products .item .text
    {
        padding: 10px;
    }
}
.inner-products .products .item .text .title-item h3
{
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    height: 60px;
    margin: 0;
}
@media (max-width: 991px)
{
    .inner-products .products .item .text .title-item h3
    {
        font-size: 18px;
    }
}
.inner-products .products .item .text .note
{
    display: -webkit-box;
    overflow: hidden;

    height: 52px;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.inner-products .products .item .text .note p
{
    font-size: 15px;
    line-height: 26px;

    margin: 0;

    color: #999;
}
@media (max-width: 991px)
{
    .inner-products .products .item .text .note p
    {
        font-size: 14px;
    }
}
@media (max-width: 767px)
{
    .inner-products .products .item .text .note p
    {
        font-size: 13px;
    }
}
.inner-products .products .item .text .more
{
    margin-top: 14px;
}
@media (max-width: 767px)
{
    .inner-products .products .item .text .more
    {
        margin: 0;
    }
}
.inner-products .products .item .text .more a
{
    line-height: 30px;

    display: block;

    color: #999;
}
.inner-products .products .item .text .more a:before
{
    display: inline-block;

    width: 0;
    height: 0;
    margin-right: 10px;

    content: '';
    vertical-align: middle;

    border-width: 4px 0 4px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #04447c;
}
.inner-products .products .item:hover
{
    background-color: #04447c;
}
.inner-products .products .item:hover .pic .ibox img
{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.inner-products .products .item:hover .text
{
    color: #fff;
}
.inner-products .products .item:hover .text .note p
{
    color: #fff;
}
.inner-products .products .item:hover .text .more a
{
    color: #fff;
}
.inner-products .products .item:hover .text .more a:before
{
    border-color: transparent transparent transparent #fff;
}
.inner-products-show .title-product
{
    margin-bottom: 20px;
}
@media (max-width: 991px)
{
    .inner-products-show .title-product
    {
        margin-top: 30px;
    }
}
.inner-products-show .title-product h2
{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2;

    margin: 0;
}
@media (max-width: 1199px)
{
    .inner-products-show .title-product h2
    {
        font-size: 24px;
    }
}
@media (max-width: 991px)
{
    .inner-products-show .title-product h2
    {
        font-size: 20px;
    }
}
.inner-products-show .products-show .product-left
{
    width: 55%;
}
@media (max-width: 767px)
{
    .inner-products-show .products-show .product-left
    {
        width: 100%;
    }
}
.inner-products-show .products-show .product-right
{
    width: 45%;
}
@media (max-width: 767px)
{
    .inner-products-show .products-show .product-right
    {
        width: 100%;
    }
}
.inner-products-show .products-show .item .ibox
{
    padding-bottom: 75.75757576%;
}
.inner-products-show .products-show .slick-product-for
{
    position: relative;

    border: 1px solid #eee;
}
.inner-products-show .products-show .slick-product-for .ibox img
{
    cursor: crosshair;
}
.inner-products-show .products-show .slick-product-nav
{
    margin: 0 -5px;
    margin-top: 10px;
}
.inner-products-show .products-show .slick-product-nav .slick-slide
{
    padding: 0 5px;
}
.inner-products-show .products-show .slick-product-nav .slick-current .item
{
    border-color: #9ecaf5;
}
.inner-products-show .products-show .slick-product-nav .item
{
    border: 1px solid #eee;
}
.inner-products-show .products-show .slick-product-nav .slick-arrow
{
    left: 0;

    width: auto;
    height: auto;

    opacity: 0;
    color: #333;
    border: none;
}
@media (max-width: 991px)
{
    .inner-products-show .products-show .slick-product-nav .slick-arrow
    {
        opacity: 1;
    }
}
.inner-products-show .products-show .slick-product-nav .slick-arrow:before
{
    content: '\eb60';
}
.inner-products-show .products-show .slick-product-nav .slick-arrow.slick-next
{
    right: 0;
    left: auto;
}
.inner-products-show .products-show .slick-product-nav .slick-arrow.slick-next:before
{
    content: '\e625';
}
.inner-products-show .products-show .slick-product-nav .slick-arrow:hover
{
    color: #000;
    background: none;
}
.inner-products-show .products-show .slick-product-nav:hover .slick-arrow
{
    opacity: 1;
}
@media (max-width: 767px)
{
    .inner-products-show .products-show .product-info
    {
        margin-top: 30px;
    }
	.inner-products-show .products-show .product-info img{
		max-width: 200px;
	}
}
@media(max-width:350px){
	.inner-products-show .products-show .product-info img{
		max-width: 160px;
	}
}
.inner-products-show .products-show .product-info .title-product-info h1,
.inner-products-show .products-show .product-info .title-product-info h2
{
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;

    margin: 0;
}
.inner-products-show .products-show .product-info .title-product-info h1:before,
.inner-products-show .products-show .product-info .title-product-info h2:before{
	font-family: 'iconfont' !important;
	content: '\e7e9';
	color: #04447c;
	margin-right: 10px;
	font-size: 20px;
	font-weight: normal;
}
.inner-products-show .products-show .product-info .title-product-info h2:before{
	content: '\e7e9';
}
.inner-products-show .products-show .product-info .text
{
    font-size: 15px;
    line-height: 24px;

    margin-top: 4px;

    color: #666;
}
@media (max-width: 767px)
{
    .inner-products-show .products-show .product-info .text
    {
        font-size: 14px;
    }
}
.inner-products-show .products-show .product-info .text p
{
    margin: 0;
}
.inner-products-show .products-show .product-info .tablewrap
{
    margin-top: 15px;
}
.inner-products-show .products-show .product-info .tablewrap table
{
    font-size: 15px;
    line-height: 35px;

    width: 100%;
    max-width: 100%;
	background-color: #ffffff;
    color: #666;
}
.inner-products-show .products-show .product-info .tablewrap table b
{
  /*  color: #333; */
}
.inner-products-show .products-show .product-info .tablewrap table tr
{
    border-bottom: 1px solid #eee;
}
.inner-products-show .products-show .product-info .tablewrap table td{
	padding: 5px 10px;
}
.inner-products-show .products-show .product-info .tablewrap table td:nth-child(2),
.inner-products-show .products-show .product-info .tablewrap table th:nth-child(2)
{
    text-align: right;
}
.inner-products-show .products-show .product-info .tablewrap table td:nth-child(1){
	background-color: #04447c;
	color: #ffffff;
	width: 160px;
	
}
.inner-products-show .products-show .product-info .link
{
    display: inline-block;

    margin-top: 30px;

    vertical-align: top;
}
@media (max-width: 767px)
{
    .inner-products-show .products-show .product-info .link
    {
        margin-top: 20px;
    }
}
.inner-products-show .products-show .product-info .link .btn-inquiry,
.inner-products-show .products-show .product-info .link .btn-contact
{
    display: inline-block;

    margin-right: 10px;

    vertical-align: top;
}
.inner-products-show .products-show .product-info .link .btn-inquiry a,
.inner-products-show .products-show .product-info .link .btn-contact a
{
    font-size: 16px;
    line-height: 50px;

    display: inline-block;

    padding: 0 30px;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #fff;
    background-color: #029cb4;
}
@media (max-width: 767px)
{
    .inner-products-show .products-show .product-info .link .btn-inquiry a,
    .inner-products-show .products-show .product-info .link .btn-contact a
    {
        font-size: 14px;
        line-height: 40px;
    }
}
.inner-products-show .products-show .product-info .link .btn-inquiry a:hover,
.inner-products-show .products-show .product-info .link .btn-contact a:hover
{
    background-color: #0d7ca3;
}
.inner-products-show .products-show .product-info .link .btn-inquiry a
{
    background-color: #0d7ca3;
}
.inner-products-show .products-show .product-info .prev-next
{
    display: inline-block;

    margin-top: 30px;
}
@media (max-width: 767px)
{
    .inner-products-show .products-show .product-info .prev-next
    {
        margin-top: 20px;
    }
}
.inner-products-show .products-show .product-info .prev-next a
{
    font-size: 20px;
    line-height: 50px;

    display: inline-block;

    width: 50px;
    height: 50px;

    -webkit-transition: all .2s;
            transition: all .2s;
    text-align: center;

    color: #a3a3a3;
    background-color: #eaeaea;
}
@media (max-width: 767px)
{
    .inner-products-show .products-show .product-info .prev-next a
    {
        line-height: 40px;

        width: 40px;
        height: 40px;
    }
}
.inner-products-show .products-show .product-info .prev-next a:before
{
    font-family: 'iconfont' !important;

    content: '\eb60';
}
.inner-products-show .products-show .product-info .prev-next a.next:before
{
    content: '\e625';
}
.inner-products-show .products-show .product-info .prev-next a:hover
{
    color: #fff;
    background-color: #04447c;
}
.inner-products-show .details,
.inner-products-show .feedback
{
    padding-top: 50px;
}
.inner-products-show .title-product-show
{
    position: relative;

    text-transform: uppercase;

    border-bottom: 1px solid #04447c;
}
.inner-products-show .title-product-show h2
{
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;

    position: relative;

    display: inline-block;

    margin: 0;
    margin-bottom: -1px;
    margin-left: 20px;
    padding: 0 30px;

    color: #04447c;
    border: 1px solid #04447c;
    border-bottom: none;
}
@media (max-width: 767px)
{
    .inner-products-show .title-product-show h2
    {
        line-height: 40px;

        padding: 0 20px;
    }
}
.inner-products-show .title-product-show h2:before
{
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    content: '';

    background-color: #f5f5f5;
}
.inner-products-show .details .text
{
    font-size: 16px;
    line-height: 28px;

    padding: 30px 14px 30px 14px;

    color: #666;
}
.inner-products-show .details .text p img
{
    max-inline-size: 100%;
    width: 100%!important;
	height: auto!important;
}
@media (max-width: 767px)
{
    .inner-products-show .details .text
    {
        font-size: 14px;

        padding: 20px 0 0 0;
    }
}
.inner-products-show .details .text p
{
    margin: 0;
}
.inner-products-show .details .text p span
{
    white-space: pre-wrap!important;
}
.inner-products-show .details .text table
{
    width: 100%;
}
.inner-products-show .details .text table td,
.inner-products-show .details .text table th
{
    padding: 10px;
}
.inner-products-show .feedback input,
.inner-products-show .feedback textarea
{
    font-size: 14px;
    line-height: 30px;

    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    padding: 10px 20px;

    border: none;
    border: 1px solid #eee;
    outline: none;
    background: none;
    background-color: #fff;
}
@media (max-width: 767px)
{
    .inner-products-show .feedback input,
    .inner-products-show .feedback textarea
    {
        margin-top: 10px;
    }
}
.inner-products-show .feedback textarea
{
    resize: vertical;
}
.inner-products-show .feedback input::-webkit-input-placeholder,
.inner-products-show .feedback textarea::-webkit-input-placeholder
{
    color: #777;
}
.inner-products-show .feedback input:-o-placeholder,
.inner-products-show .feedback textarea:-o-placeholder
{
    color: #777;
}
.inner-products-show .feedback input::-moz-placeholder,
.inner-products-show .feedback textarea::-moz-placeholder
{
    color: #777;
}
.inner-products-show .feedback input:-ms-input-placeholder,
.inner-products-show .feedback textarea:-ms-input-placeholder
{
    color: #777;
}
.inner-products-show .feedback input:focus::-webkit-input-placeholder,
.inner-products-show .feedback textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.inner-products-show .feedback input:focus::-o-placeholder,
.inner-products-show .feedback textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.inner-products-show .feedback input:focus::-moz-placeholder,
.inner-products-show .feedback textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.inner-products-show .feedback input:focus::-ms-input-placeholder,
.inner-products-show .feedback textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.inner-products-show .feedback .send
{
    text-align: center;
}
.inner-products-show .feedback .submit
{
    font-size: 16px;
    line-height: 50px;

    display: block;

    width: 200px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #fff;
    border-radius: 0;
    background-color: #04447c;
}
.inner-products-show .feedback .submit:hover
{
    background-color: #0d7ca3;
}
.inner-products-show .feedback .row
{
    margin: 0 -10px;
}
.inner-products-show .feedback .row .itembox
{
    padding: 0 10px;
}
.inner-cartbox .bar
{
    margin-top: 30px;
}
.inner-cartbox table
{
    width: 100%;

    border-collapse: collapse;
}
.inner-cartbox table tr
{
    border: 1px solid #eee;
}
.inner-cartbox table tr:first-child
{
    font-size: 16px;

    overflow: hidden;

    background-color: #f6f6f6;
}
@media (max-width: 991px)
{
    .inner-cartbox table tr:first-child
    {
        font-size: 14px;
    }
}
.inner-cartbox table th
{
    font-weight: normal;
    line-height: 24px;

    height: 52px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;

    text-align: left;
}
.inner-cartbox table td,
.inner-cartbox table th
{
    padding: 20px 10px;
}
.inner-cartbox table td:first-child,
.inner-cartbox table th:first-child
{
    width: 15%;
    padding: 0 2%;
}
@media (max-width: 767px)
{
    .inner-cartbox table td:first-child,
    .inner-cartbox table th:first-child
    {
        width: 22%;
        padding: 0 2%;
    }
}
.inner-cartbox table td:nth-child(2),
.inner-cartbox table th:nth-child(2)
{
    width: 55%;
}
@media (max-width: 991px)
{
    .inner-cartbox table td:nth-child(2),
    .inner-cartbox table th:nth-child(2)
    {
        width: 50%;
    }
}
@media (max-width: 767px)
{
    .inner-cartbox table td:nth-child(2),
    .inner-cartbox table th:nth-child(2)
    {
        width: 35%;
    }
}
.inner-cartbox table td:nth-child(3),
.inner-cartbox table th:nth-child(3)
{
    width: 15%;
}
@media (max-width: 991px)
{
    .inner-cartbox table td:nth-child(3),
    .inner-cartbox table th:nth-child(3)
    {
        width: 20%;
    }
}
@media (max-width: 767px)
{
    .inner-cartbox table td:nth-child(3),
    .inner-cartbox table th:nth-child(3)
    {
        width: 30%;
    }
}
.inner-cartbox table td:nth-child(4),
.inner-cartbox table th:nth-child(4)
{
    width: 15%;

    text-align: center;
}
.inner-cartbox table .Each,
.inner-cartbox table .all
{
    position: relative;

    float: left;

    width: 20px;
    height: 20px;
    margin-right: 10px;

    text-align: center;

    border: 1px solid #dcdcdc;
    outline: none;
    background-color: #fff;

    -webkit-appearance: none;
}
.inner-cartbox table .Each:checked::after,
.inner-cartbox table .all:checked::after
{
    font-family: 'iconfont';
    font-size: 18px;

    position: absolute;
    top: -6px;
    left: 0;

    content: '\e65e';

    color: #04447c;
}
.inner-cartbox table input
{
    font-size: 16px;
    line-height: 32px;

    position: relative;
    top: -1px;

    width: 60px;
    height: 32px;

    text-align: center;
    vertical-align: top;

    border: none;
    outline: none;
}
@media (max-width: 991px)
{
    .inner-cartbox table input
    {
        width: 30px;
    }
}
@media (max-width: 767px)
{
    .inner-cartbox table input
    {
        font-size: 14px;
        line-height: 30px;

        width: 20px;
        height: 30px;

        border-right: none;
        border-left: none;
    }
}
.inner-cartbox table .del1,
.inner-cartbox table .add1
{
    font-size: 20px;
    line-height: 28px;

    display: inline-block;

    width: 36px;
    height: 32px;
    margin-top: -1px;
    padding: 0;

    cursor: pointer;
    text-align: center;
    vertical-align: top;

    border: 1px solid #dfdfdf;
}
@media (max-width: 767px)
{
    .inner-cartbox table .del1,
    .inner-cartbox table .add1
    {
        line-height: 30px;

        position: relative;
        z-index: 8;

        width: 20px;
        height: 30px;
    }
}
.inner-cartbox table .pic
{
    display: inline-block;

    width: 24%;
    margin-right: -4px;

    vertical-align: middle;

    border: 1px solid #eee;
}
@media (max-width: 767px)
{
    .inner-cartbox table .pic
    {
        display: block;

        width: 100%;
    }
}
.inner-cartbox table .pic .ibox
{
    padding-bottom: 72.22222222%;
}
.inner-cartbox table p
{
    font-size: 14px;
    line-height: 24px;

    display: inline-block;
    overflow: hidden;

    width: 70%;
    height: 24px;
    margin: 0;
    margin-right: -4px;
    padding-left: 4%;

    vertical-align: middle;
}
@media (max-width: 767px)
{
    .inner-cartbox table p
    {
        font-size: 14px;

        display: block;

        width: 100%;
        margin: 0;
    }
}
@media (max-width: 320px)
{
    .inner-cartbox table p
    {
        font-size: 12px;
    }
}
.inner-cartbox .close
{
    float: none;

    cursor: pointer;
    text-align: center;

    opacity: 1;
}
.inner-cartbox .close::after
{
    font-family: 'iconfont';
    font-size: 24px;
    font-weight: normal;

    content: '\e661';

    color: #999;
}
.inner-cartbox .close:hover::after
{
    color: #0d7ca3;
}
.inner-cartbox .title-inquiry
{
    position: relative;

    padding: 15px 40px;

    background-image: -webkit-gradient(linear, left top, right top, from(#008ccd), to(#0053bb));
    background-image: -webkit-linear-gradient(left, #008ccd, #0053bb);
    background-image:         linear-gradient(left, #008ccd, #0053bb);
}
@media (max-width: 767px)
{
    .inner-cartbox .title-inquiry
    {
        padding: 10px 20px;
    }
}
.inner-cartbox .title-inquiry h2
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1;

    margin: 0;

    color: #fff;
}
.inner-cartbox .inquiry
{
    padding-top: 60px;
}
@media (max-width: 1199px)
{
    .inner-cartbox .inquiry
    {
        padding-top: 50px;
    }
}
.inner-cartbox .inquiry p
{
    line-height: 24px;

    margin: 10px 0 0 0;

    color: #999;
}
.inner-cartbox .inquiry input,
.inner-cartbox .inquiry textarea
{
    font-size: 14px;
    line-height: 30px;

    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    padding: 10px 20px;

    border: none;
    border: 1px solid #eee;
    outline: none;
    background: none;
}
@media (max-width: 767px)
{
    .inner-cartbox .inquiry input,
    .inner-cartbox .inquiry textarea
    {
        margin-top: 10px;
    }
}
.inner-cartbox .inquiry textarea
{
    resize: vertical;
}
.inner-cartbox .inquiry input::-webkit-input-placeholder,
.inner-cartbox .inquiry textarea::-webkit-input-placeholder
{
    color: #777;
}
.inner-cartbox .inquiry input:-o-placeholder,
.inner-cartbox .inquiry textarea:-o-placeholder
{
    color: #777;
}
.inner-cartbox .inquiry input::-moz-placeholder,
.inner-cartbox .inquiry textarea::-moz-placeholder
{
    color: #777;
}
.inner-cartbox .inquiry input:-ms-input-placeholder,
.inner-cartbox .inquiry textarea:-ms-input-placeholder
{
    color: #777;
}
.inner-cartbox .inquiry input:focus::-webkit-input-placeholder,
.inner-cartbox .inquiry textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.inner-cartbox .inquiry input:focus::-o-placeholder,
.inner-cartbox .inquiry textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.inner-cartbox .inquiry input:focus::-moz-placeholder,
.inner-cartbox .inquiry textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.inner-cartbox .inquiry input:focus::-ms-input-placeholder,
.inner-cartbox .inquiry textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.inner-cartbox .inquiry .send
{
    text-align: center;
}
.inner-cartbox .inquiry .submit
{
    font-size: 16px;
    line-height: 50px;

    display: block;

    width: 200px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #fff;
    border-radius: 0;
    background-color: #04447c;
}
.inner-cartbox .inquiry .submit:hover
{
    background-color: #0d7ca3;
}
.inner-cartbox .inquiry .row
{
    margin: 0 -10px;
}
.inner-cartbox .inquiry .row .itembox
{
    padding: 0 10px;
}
.inner-cartbox .inquiry .read input
{
    font-weight: bold;

    color: #333;
    background-color: #e1e1e1;
}
.inner-cartbox .inquiry .read input::-webkit-input-placeholder,
.inner-cartbox .inquiry .read textarea::-webkit-input-placeholder
{
    color: #333;
}
.inner-cartbox .inquiry .read input:-o-placeholder,
.inner-cartbox .inquiry .read textarea:-o-placeholder
{
    color: #333;
}
.inner-cartbox .inquiry .read input::-moz-placeholder,
.inner-cartbox .inquiry .read textarea::-moz-placeholder
{
    color: #333;
}
.inner-cartbox .inquiry .read input:-ms-input-placeholder,
.inner-cartbox .inquiry .read textarea:-ms-input-placeholder
{
    color: #333;
}
.inner-cartbox .inquiry .read input:focus::-webkit-input-placeholder,
.inner-cartbox .inquiry .read textarea:focus::-webkit-input-placeholder
{
    color: #333;
}
.inner-cartbox .inquiry .read input:focus::-o-placeholder,
.inner-cartbox .inquiry .read textarea:focus::-o-placeholder
{
    color: #333;
}
.inner-cartbox .inquiry .read input:focus::-moz-placeholder,
.inner-cartbox .inquiry .read textarea:focus::-moz-placeholder
{
    color: #333;
}
.inner-cartbox .inquiry .read input:focus::-ms-input-placeholder,
.inner-cartbox .inquiry .read textarea:focus::-ms-input-placeholder
{
    color: #333;
}
.inner-concept
{
    padding-bottom: 0;
}
.inner-concept .concept-top
{
    margin-top: 30px;
    padding: 20px 20px 60px 20px;

    background-image: -webkit-gradient(linear, left top, right top, from(#eceff3), to(#fbfcff));
    background-image: -webkit-linear-gradient(left, #eceff3, #fbfcff);
    background-image:         linear-gradient(left, #eceff3, #fbfcff);
}
.inner-concept .concept-top .title-concept-top
{
    overflow: hidden;

    text-align: center;
}
.inner-concept .concept-top .title-concept-top h2
{
    font-size: 26px;
    line-height: 1.4;

    margin: 0;

    color: #04447c;
}
@media (max-width: 991px)
{
    .inner-concept .concept-top .title-concept-top h2
    {
        font-size: 20px;
    }
}
@media (max-width: 767px)
{
    .inner-concept .concept-top .title-concept-top h2
    {
        font-size: 18px;
    }
}
.inner-concept .concept-top .title-concept-top h2 b
{
    color: #333;
}
.inner-concept .concept-top .title-concept-top h2 span
{
    color: #d90909;
}
.inner-concept .concept-top .title-concept-top h2 .number
{
    font-weight: bold;
    line-height: 80px;

    display: inline-block;

    width: 51px;
    height: 80px;

    text-align: center;

    color: #fff;
    background: url(../images/number_bg.png) no-repeat bottom center;
}
@media (max-width: 767px)
{
    .inner-concept .concept-top .title-concept-top h2 .number
    {
        line-height: 60px;

        float: left;

        height: 60px;
    }
}
.inner-concept .concept-top .concept-list > ul
{
    font-size: 0;
}
.inner-concept .concept-top .concept-list > ul > li
{
    font-size: 14px;

    display: inline-block;
    float: none;

    vertical-align: top;
}
.inner-concept .concept-top .concept-list .item
{
    margin-top: 30px;

    text-align: center;
}
.inner-concept .concept-top .concept-list .item .item-icon
{
    width: 100px;
    margin: 0 auto;
}
@media (max-width: 991px)
{
    .inner-concept .concept-top .concept-list .item .item-icon
    {
        width: 80px;
    }
}
@media (max-width: 767px)
{
    .inner-concept .concept-top .concept-list .item .item-icon
    {
        width: 60px;
        margin-top: 20px;
    }
}
.inner-concept .concept-top .concept-list .item .item-icon img
{
    max-width: 100%;
}
.inner-concept .concept-top .concept-list .item b
{
    font-size: 18px;
    line-height: 30px;

    color: #04447c;
}
@media (max-width: 767px)
{
    .inner-concept .concept-top .concept-list .item b
    {
        font-size: 16px;
    }
}
.inner-concept .concept-top .concept-list .item p
{
    font-size: 14px;
    line-height: 24px;

    margin: 0;

    color: #666;
}
.inner-concept .concept > ul
{
    font-size: 0;
}
.inner-concept .concept > ul > li
{
    font-size: 14px;

    display: inline-block;

    width: 20%;

    vertical-align: top;
}
@media (max-width: 991px)
{
    .inner-concept .concept > ul > li
    {
        width: 25%;
    }
}
@media (max-width: 767px)
{
    .inner-concept .concept > ul > li
    {
        width: 50%;
    }
}
.inner-concept .concept .item
{
    margin-top: 6px;
    padding: 20px;

    background-image: -webkit-gradient(linear, left top, right top, from(#eceff3), to(#fbfcff));
    background-image: -webkit-linear-gradient(left, #eceff3, #fbfcff);
    background-image:         linear-gradient(left, #eceff3, #fbfcff);
}
.inner-concept .concept .item img
{
    max-width: 100%;
}
.inner-concept .concept .item b
{
    font-size: 18px;
    line-height: 30px;

    color: #04447c;
}
@media (max-width: 767px)
{
    .inner-concept .concept .item b
    {
        font-size: 16px;
    }
}
.inner-concept .concept .item p
{
    font-size: 14px;
    line-height: 24px;

    margin: 10px 0 0 0;

    color: #666;
}
.inner-join
{
    padding-top: 60px;
}
.inner-join .join
{
    margin-top: 30px;
}
.inner-machining .machining
{
    font-size: 0;
}
.inner-machining .machining .machining-left,
.inner-machining .machining .machining-right
{
    font-size: 14px;

    display: inline-block;

    vertical-align: top;
}
.inner-machining .machining .machining-left
{
    width: 45%;
}
@media (max-width: 767px)
{
    .inner-machining .machining .machining-left
    {
        width: 100%;
    }
}
.inner-machining .machining .machining-left img
{
    width: 100%;
}
.inner-machining .machining .machining-right
{
    width: 55%;
    padding-left: 30px;
}
@media (max-width: 767px)
{
    .inner-machining .machining .machining-right
    {
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
    }
}
.inner-machining .machining .machining-right .title-about
{
    text-align: left;
}
.inner-machining .machining .machining-right .title-about h2:after
{
    margin-left: 0;
}
.inner-machining .machining .machining-right .list
{
    margin-top: 30px;
}
.inner-machining .machining .machining-right .list > ul > li
{
    padding: 16px 0;

    border-bottom: 1px solid #eee;
}
@media (max-width: 1199px)
{
    .inner-machining .machining .machining-right .list > ul > li
    {
        padding: 10px 0;
    }
}
.inner-machining .machining .machining-right .list .item
{
    display: table;

    width: 100%;
}
.inner-machining .machining .machining-right .list .item b,
.inner-machining .machining .machining-right .list .item p
{
    display: table-cell;

    vertical-align: middle;
}
.inner-machining .machining .machining-right .list .item b
{
    font-size: 30px;
    line-height: 1;

    width: 34%;

    color: #04447c;
}
@media (max-width: 1199px)
{
    .inner-machining .machining .machining-right .list .item b
    {
        font-size: 24px;
    }
}
@media (max-width: 991px)
{
    .inner-machining .machining .machining-right .list .item b
    {
        font-size: 20px;
    }
}
@media (max-width: 767px)
{
    .inner-machining .machining .machining-right .list .item b
    {
        font-size: 16px;
    }
}
.inner-machining .machining .machining-right .list .item p
{
    font-size: 16px;
    line-height: 2.25;

    margin: 0;

    color: #666;
}
@media (max-width: 991px)
{
    .inner-machining .machining .machining-right .list .item p
    {
        font-size: 14px;
        line-height: 24px;
    }
}
.inner-research
{
    padding: 80px 0;

    color: #fff;
    background: url(../images/research_bg.jpg) no-repeat center fixed;
    background-size: cover;
}
@media (max-width: 1199px)
{
    .inner-research
    {
        padding: 50px 0;

        background: url(../images/research_bg.jpg) no-repeat center;
        background-size: cover;
    }
}
.inner-research .title-about p
{
    font-size: 16px;
    line-height: 30px;

    max-width: 580px;
    margin: 0 auto;
    margin-top: 20px;
}
.inner-research .research
{
    margin-top: 20px;
}
.inner-research .research .item
{
    margin-top: 20px;

    text-align: center;

    color: #fff;
}
.inner-research .research .item b
{
    font-size: 60px;
    line-height: 1;

    display: block;
}
@media (max-width: 1199px)
{
    .inner-research .research .item b
    {
        font-size: 50px;
    }
}
@media (max-width: 991px)
{
    .inner-research .research .item b
    {
        font-size: 40px;
    }
}
.inner-research .research .item p
{
    font-size: 16px;
    line-height: 24px;

    margin: 10px 0 0 0;
}
.inner-management .slick-management
{
    margin-top: 30px;
}
.inner-management .slick-management .slick-slide
{
    padding: 100px 0;
}
@media (max-width: 1199px)
{
    .inner-management .slick-management .slick-slide
    {
        padding: 70px 0;
    }
}
@media (max-width: 991px)
{
    .inner-management .slick-management .slick-slide
    {
        padding: 0;
    }
}
.inner-management .slick-management .slick-current
{
    position: relative;
    z-index: 2;
}
.inner-management .slick-management .slick-current .item
{
    -webkit-transform: scale(1.4);
        -ms-transform: scale(1.4);
            transform: scale(1.4);

    background: none;
}
@media (max-width: 991px)
{
    .inner-management .slick-management .slick-current .item
    {
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
    }
}
.inner-management .slick-management .slick-current .item .ibox
{
    opacity: 1;
}
.inner-management .slick-management .slick-current .item .note
{
    opacity: 1;
}
.inner-management .slick-management .item
{
    -webkit-transition: all .6s;
            transition: all .6s;

    background-color: #000;
}
.inner-management .slick-management .item .ibox
{
    padding-bottom: 65%;

    -webkit-transition: all .2s;
            transition: all .2s;

    opacity: .5;
}
@media (max-width: 991px)
{
    .inner-management .slick-management .item .ibox
    {
        opacity: 1;
    }
}
.inner-management .slick-management .item .ibox img
{
    -webkit-transition: all 1s;
            transition: all 1s;
}
.inner-management .slick-management .item .note
{
    font-size: 12px;

    position: absolute;
    z-index: 2;
    bottom: 0;

    width: 100%;
    padding: 10px 20px;

    cursor: pointer;
    -webkit-transition: all .2s;
            transition: all .2s;

    opacity: 0;
    color: #fff;
    background-color: rgba(42, 192, 196, .75);
}
@media (max-width: 991px)
{
    .inner-management .slick-management .item .note
    {
        font-size: 14px;

        padding: 8px 10px;
    }
}
.inner-management .slick-management .item .note p
{
    line-height: 30px;

    display: -webkit-box;
    overflow: hidden;

    height: 30px;
    margin: 0;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
/* .inner-contact .title-contact h1
{
    font-size: 24px;
    font-weight: bold;

    margin: 0;
}
@media (max-width: 767px)
{
    .inner-contact .title-contact h1
    {
        font-size: 18px;
    }
}
.inner-contact .message
{
    padding-top: 80px;
}
@media (max-width: 991px)
{
    .inner-contact .message
    {
        padding-top: 50px;
    }
}
.inner-contact .message .title-message h2
{
    font-size: 24px;
    font-weight: bold;
}
@media (max-width: 767px)
{
    .inner-contact .message .title-message h2
    {
        font-size: 18px;
    }
}
.inner-contact .message input,
.inner-contact .message textarea
{
    font-size: 14px;
    line-height: 30px;

    width: 100%;
    min-height: 50px;
    margin-top: 20px;
    padding: 10px 20px;

    border: none;
    border: 1px solid #eee;
    outline: none;
    background: none;
}
@media (max-width: 767px)
{
    .inner-contact .message input,
    .inner-contact .message textarea
    {
        font-size: 12px;
    }
}
.inner-contact .message textarea
{
    resize: vertical;
}
.inner-contact .message input::-webkit-input-placeholder,
.inner-contact .message textarea::-webkit-input-placeholder
{
    color: #777;
}
.inner-contact .message input:-o-placeholder,
.inner-contact .message textarea:-o-placeholder
{
    color: #777;
}
.inner-contact .message input::-moz-placeholder,
.inner-contact .message textarea::-moz-placeholder
{
    color: #777;
}
.inner-contact .message input:-ms-input-placeholder,
.inner-contact .message textarea:-ms-input-placeholder
{
    color: #777;
}
.inner-contact .message input:focus::-webkit-input-placeholder,
.inner-contact .message textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.inner-contact .message input:focus::-o-placeholder,
.inner-contact .message textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.inner-contact .message input:focus::-moz-placeholder,
.inner-contact .message textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.inner-contact .message input:focus::-ms-input-placeholder,
.inner-contact .message textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.inner-contact .message .send
{
    text-align: center;
}
.inner-contact .message .submit
{
    font-size: 16px;
    line-height: 50px;

    display: block;

    width: 200px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #fff;
    border-radius: 0;
    background-color: #04447c;
}
.inner-contact .message .submit:hover
{
    background-color: #0d7ca3;
}
.inner-contact .message .row
{
    margin: 0 -10px;
}
.inner-contact .message .row .itembox
{
    padding: 0 10px;
}
.inner-contact .contact .text
{
    margin-top: 40px;
}
@media (max-width: 991px)
{
    .inner-contact .contact .text
    {
        margin-top: 20px;
    }
}
.inner-contact .contact .text p
{
    line-height: 30px;

    position: relative;

    margin: 14px 0 0 0;
    padding-left: 60px;

    color: #999;
}
@media (max-width: 767px)
{
    .inner-contact .contact .text p
    {
        font-size: 13px;
        line-height: 24px;

        margin-top: 10px;
    }
}
.inner-contact .contact .text p:before
{
    font-family: 'iconfont' !important;
    font-size: 16px;
    line-height: 40px;

    position: absolute;
    top: 8px;
    left: 0;

    display: block;

    width: 40px;
    height: 40px;

    content: '\e608';
    text-align: center;

    color: #fff;
    background-color: #04447c;
}
@media (max-width: 767px)
{
    .inner-contact .contact .text p:before
    {
        top: 0;
    }
}
.inner-contact .contact .text p.factory:before
{
    content: '\e652';
}
.inner-contact .contact .text p.tel:before
{
    content: '\e61c';
}
.inner-contact .contact .text p.fax:before
{
    font-size: 18px;

    content: '\e606';
}
.inner-contact .contact .text p.email:before
{
    font-size: 26px;

    content: '\e6a4';
}
.inner-contact .contact .text p.website:before
{
    font-size: 24px;

    content: '\e781';
}
.inner-contact .contact .text p.whatsapp:before
{
    content: '\e649';
}
.inner-contact .contact .text p b
{
    font-size: 18px;

    display: block;

    color: #333;
}
@media (max-width: 991px)
{
    .inner-contact .contact .text p b
    {
        font-size: 16px;
    }
}
@media (max-width: 767px)
{
    .inner-contact .contact .text p b
    {
        font-size: 14px;
    }
}
.inner-contact .contact .text p a
{
    display: block;

    color: inherit;
}
.inner-contact .contact .text p a:hover
{
    text-decoration: underline;

    color: #04447c;
} */
@media (max-width: 991px)
{
    .map
    {
        margin-top: 30px;
    }
}
#dituContent
{
    height: 530px;
}
@media (max-width: 767px)
{
    #dituContent
    {
        height: 340px;
    }
}
nav
{
    text-align: center;
}
.pagination
{
    margin: 50px 0 0 0;
    padding: 0;
}
@media (max-width: 991px)
{
    .pagination
    {
        margin-top: 30px;
    }
}
.pagination li.prev a,
.pagination li.next a
{
    border-radius: 50%;
}
.pagination li.prev a span:before,
.pagination li.next a span:before
{
    font-family: 'iconfont' !important;

    content: '\eb60';
}
.pagination li.next a span:before
{
    content: '\e625';
}
.pagination li a
{
    line-height: 36px;

    display: block;

    width: 36px;
    height: 36px;
    margin: 0 6px;
    padding: 0;

    -webkit-transition: all .2s;
            transition: all .2s;
    text-align: center;

    color: #666;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .7);
}
@media (max-width: 991px)
{
    .pagination li a
    {
        line-height: 30px;

        width: 30px;
        height: 30px;
    }
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover
{
    color: #fff;
    background-color: #04447c;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #fff;
    background-color: #04447c;
}
.zoom:after
{
    position: absolute;
    top: 0;
    right: 0;

    display: block;

    width: 33px;
    height: 33px;

    content: '';

    background: url(../images/icon.png);
}
.zoom img
{
    display: block;
}
.zoom img::-moz-selection
{
    background-color: transparent;
}
.zoom img::selection
{
    background-color: transparent;
}

/*分页样式*/
.page_info{text-align:center;margin:10px auto; padding: 50px 0; color:#999; clear: both;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center; clear: both; letter-spacing:0;font-size:10px;margin:50px auto; padding: 50px 0; clear: both; width: 100%;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}




.inner-products-show .products-show .product-info .product-img{
	

}
.inner-products-show .products-show .product-info .product-img img{
	max-width: 100%;
	margin-top: 20px;
}




.introduction_con{
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    padding: 25px 0;
}


.box-icon
{
    margin-top: 0px;
    padding: 10px 0 0px 0;
}
@media (max-width: 767px)
{
    .box-icon
    {
        padding: 10px 0;
    }
	
}
.box-icon ul
{
    font-size: 0;
}
.box-icon ul li
{
    font-size: 14px;

    display: inline-block;

    width: 20%;

    vertical-align: top;
}
@media (max-width: 1199px)
{
    .box-icon ul li
    {
        width: 25%;
    }
}
@media (max-width: 767px)
{
    .box-icon ul li
    {
        width: 33.33333333%;
    }
}
.box-icon .item
{
    margin: 20px 0;

    text-align: center;
}
@media (max-width: 767px)
{
    .box-icon .item
    {
        margin: 10px 0;
    }
}
.box-icon .item .icon
{
    width: 80px;
    height: 80px;
    margin: 0 auto;
}
.box-icon .item .icon img
{
    width: 100%;
}
.box-icon .item p
{
    font-size: 18px;
    font-weight: normal;
    font-weight: bold;
    line-height: 30px;

    margin: 0;

    text-transform: capitalize;

    color: #04447c;
}
@media (max-width: 1350px)
{
    .box-icon .item p
    {
        font-size: 16px;
    }
}
 .box-icon {
	 text-align: center;
 }
@media (max-width: 767px)
{
    .box-icon .item p
    {
        font-size: 13px;
        line-height: 20px;
    }
}
@media(min-width:1200px){
	.box-icon-eco ul li{
		width: 20%;
	}
	.box-icon-eco ul li:nth-child(1),
	.box-icon-eco ul li:nth-child(2),
	.box-icon-eco ul li:nth-child(3),
	.box-icon-eco ul li:nth-child(4),
	.box-icon-eco ul li:nth-child(5){
		width: 20%;		
	}
}
.inner-contact .title-inner h2{
	margin-top: 0;
}
.inner-contact{
	background-color: #ffffff;
}
.inner-contact .contact > ul
{
    font-size: 0;

    margin: 0 -10px;
}
.inner-contact .contact > ul > li
{
    font-size: 14px;

    display: inline-block;

    width: 16.666666666666666667%;
    padding: 0 10px;

    text-align: center;
    vertical-align: top;
}
@media (max-width: 1199px)
{
    .inner-contact .contact > ul > li
    {
        width: 33.33333333%;
    }
}
@media (max-width: 767px)
{
    .inner-contact .contact > ul > li
    {
        width: 50%;
    }
}
.inner-contact .contact .item
{
    max-width: 280px;
    margin: 0 auto;

    color: #666;
}
@media (max-width: 767px)
{
    .inner-contact .contact .item
    {
        max-width: 100%;
    }
}
.inner-contact .contact .item img
{
    width: 160px;
    margin-bottom: 20px;
}
@media (max-width: 1199px)
{
    .inner-contact .contact .item img
    {
        width: 120px;
    }
}
@media (max-width: 991px)
{
    .inner-contact .contact .item img
    {
        width: 100px;
    }
}
@media (max-width: 767px)
{
    .inner-contact .contact .item img
    {
        width: 80px;
        margin: 10px 0;
    }
}
.inner-contact .contact .item p
{
    font-size: 16px;
    line-height: 26px;

    margin: 0;
}
@media (max-width: 767px)
{
    .inner-contact .contact .item p
    {
        font-size: 14px;
        line-height: 24px;
    }
}
.inner-contact .contact .item a:hover
{
    text-decoration: underline;

    color: #0a6bc5;
}
.inner-contact .message
{
    padding-top: 70px;
}
@media(max-width:1199px){
	.inner-contact .message{
		padding-top: 40px;
	}
}
.inner-contact .message .title-message h2
{
    font-family: 'Staatliches';
    font-size: 36px;

    letter-spacing: 0;
    text-transform: uppercase;

    color: #c2e2ff;
}
@media (max-width: 991px)
{
    .inner-contact .message .title-message h2
    {
        font-size: 30px;
    }
}
@media (max-width: 767px)
{
    .inner-contact .message .title-message h2
    {
        font-size: 28px;
    }
}
.inner-contact .message input,
.inner-contact .message textarea
{
    font-size: 16px;
    line-height: 26px;

    width: 100%;
    margin-top: 20px;
    padding: 10px 20px;

    resize: vertical;

    outline: none;
    background-color: #f6f6f6;
}
@media (max-width: 767px)
{
    .inner-contact .message input,
    .inner-contact .message textarea
    {
        font-size: 14px;
		
        margin-top: 10px;
        padding: 10px;
    }
}
.inner-contact .message input::-webkit-input-placeholder,
.inner-contact .message textarea::-webkit-input-placeholder
{
    color: #888;
}
.inner-contact .message input:-o-placeholder,
.inner-contact .message textarea:-o-placeholder
{
    color: #888;
}
.inner-contact .message input::-moz-placeholder,
.inner-contact .message textarea::-moz-placeholder
{
    color: #888;
}
.inner-contact .message input:-ms-input-placeholder,
.inner-contact .message textarea:-ms-input-placeholder
{
    color: #888;
}
.inner-contact .message input:focus::-webkit-input-placeholder,
.inner-contact .message textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.inner-contact .message input:focus::-o-placeholder,
.inner-contact .message textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.inner-contact .message input:focus::-moz-placeholder,
.inner-contact .message textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.inner-contact .message input:focus::-ms-input-placeholder,
.inner-contact .message textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.inner-contact .message .submit
{
    font-size: 16px;
    line-height: 50px;

    margin-top: 20px;
    padding: 0 50px;

    -webkit-transition: all .2s;
            transition: all .2s;

    color: #fff;
    border-radius: 0;
    outline: none;
    background-color: #04447c;
}
@media (max-width: 767px)
{
    .inner-contact .message .submit
    {
        font-size: 14px;
        line-height: 45px;
    }
}
.inner-contact .message .submit:hover
{
    text-decoration: underline;
}
@media (max-width: 991px)
{
    .inner-contact .message .pic
    {
        margin-top: 30px;
    }
}
.inner-contact .message .pic img
{
   width: 100%;
}
.home-message .item-contact{
	border-bottom: 1px solid #39d1d5;
	padding-bottom: 30px;
}
.home-message .item-contact,
.home-message .message{
	max-width: 1500px;
	margin: 0 auto;
}
.home-message .item-contact img
{
    max-width: 100%;
}
@media (max-width: 767px)
{
    .home-message .item-contact img
    {
        max-width: 140px;
    }
}
.home-message .item-contact .text
{
    /* margin-top: 20px; */
	margin: 0 -30px;
	font-size: 0;
}
@media (max-width: 767px)
{
    .home-message .item-contact .text
    {
        /* margin-top: 10px; */
    }
}
.home-message .item-contact .text p
{
    font-size: 16px;
    line-height: 30px;
	display: inline-block;
	vertical-align: top;
    margin: 0;
	padding: 0 30px;
	text-align: center;
	max-width: 570px;
	width: 33.33333%;
	color: #fff;
}
@media(max-width:1660px){
	.home-message .item-contact .text{
		margin: 0 -10px;
	}
	.home-message .item-contact .text p{
		padding: 0 10px;
		max-width: 490px;
	}
}
@media(max-width:1350px){
	.home-message .item-contact .text{
		margin: 0 -10px;
	}
	.home-message .item-contact .text p{
		padding: 0 10px;
		max-width: 450px;
	}
}

.home-message .item-contact .text p span{
	display: block;
}
@media (max-width: 1470px)
{
    .home-message .item-contact .text p
    {
        font-size: 17px;
    }
}
@media (max-width: 1350px)
{
    .home-message .item-contact .text p
    {
        font-size: 16px;
		line-height: 24px;
    }
}
@media (max-width: 991px)
{
    .home-message .item-contact .text p
    {
        font-size: 14px;
    }
}
@media (max-width: 767px)
{
    .home-message .item-contact .text p
    {
        /* width: 50%; */
		/* margin-bottom: 10px; */
    }
}
.home-message .item-contact .text p:before{
	font-family: 'iconfont' !important;
	content: '\ed39';
	font-size: 24px;
	display: block;
	margin-bottom: 10px;
}
.home-message .item-contact .text p.address:before{
	content: '\e63e';
}
.home-message .item-contact .text p.email:before{
	content: '\e72e';
}
.home-message .item-contact .text p.tel:before{
	content: '\e61c';
}
.inner-products-show .products-show .slick-product-for iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}

.inner-products-show .products-show .slick-product-nav .item-video:before{
	font-family: "iconfont"!important;
	content: '\e618'; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	z-index: 9;
    font-size: 30px;
    color: #fff;
}


.single_b{background: #f5f5f5;}
.single_c{max-width: 1000px;}
@media(min-width:1470px){
	.inner-videos ul{
		margin: 0 -30px;
	}
	.inner-videos ul li{
		padding: 0 30px;
	}
}
.inner-videos .item{
	margin-top: 30px;
	background-color: #fff;
}
.inner-videos .item .pic{
	position: relative;
	background-color: #000;
}
.inner-videos .item .pic:before{  
	font-family: iconfont!important;
	content: "\e650";
	position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate3d(-50%, -50%, 0);
	  cursor: pointer;
	  z-index: 2;
	  color: #ffffff;
	  font-size: 50px;
}
.inner-videos .item .ibox{
	padding-bottom: 75%;
	opacity: .8;
}
.inner-videos .item .ibox img{
	transition: all 1s;
}
.inner-videos .item  .note{
	margin-top: 14px;
	padding: 10px 20px 20px;
}
.inner-videos .item  .note h3{
	font-size: 20px;
	line-height: 40px;
	height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
	font-weight: bold;
	border-bottom: 1px solid #dcdcdc;
	color: #666666;
}
.inner-videos .item  .note p{
	line-height: 24px;
	height:48px;
	overflow: hidden;        
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	margin: 10px 0 0 0;
	color: #999999;
}
.inner-videos .item:hover .ibox img{
	transform: scale(1.1);
}
.inner-videos .item:hover .note h3{
	color: #04447c;
}
@media(max-width:767px){
	.inner-videos .item  .note{
		padding: 0 10px 10px 10px;
	}
	.inner-videos .item  .note h3{
		font-size: 18px;
	}
}
.sharebox {
	margin-top: 30px;
}
.sharebox p{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	font-size: 16px;
	color: #666666;
}
.sharebox .addthis_inline_share_toolbox{
	display: inline-block;
	vertical-align: middle;
}


.banner .text-1:before{
	display: none;
}
.banner .text-2{
	text-align: center;
}
.mapwrap{
	height: 500px;
}
.case-menu{
	background-color: #ddd;
	padding: 15px 0;
	text-align: center;
}
.case-menu .menu>ul>li{
	display: inline-block;
	vertical-align: top;
}
.case-menu .menu>ul>li>a{
	display: block;
	font-size: 16px;
	line-height: 30px;
	padding: 0 30px;
	color: #666;
}
.case-menu .menu>ul>li.active a,
.case-menu .menu>ul>li:hover a{
	color: #04447c;
}

.cases-location{
	background-color: #ddd;
}
.cases-location .location>ul,
.cases-location .location .icon{
	display: inline-block;
	vertical-align: middle;
}
.cases-location .location .icon{
	color: #04447c;
}
.cases-location .location>ul>li{
	display: inline-block;
	vertical-align: top;
	color: #666;
}
.cases-location .location>ul>li>a{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 30px;
	padding: 10px 0;
	
}
.cases-location .location>ul>li:after{
	content: '>';
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px;
}
.cases-location .location>ul>li:last-child:after{
	display: none;
}
.cases-location .location>ul>li>a:hover{
	color: #04447c;
}
.inner-cases-detail .title-cases-detail{
	text-align: center;
}
.inner-cases-detail .title-cases-detail h1{
	font-size: 30px;
	line-height: 1.4;
	margin: 0;
}
.inner-cases-detail .cases-detail{
	margin-top: 30px;
	text-align: center;
}
.inner-cases-detail .cases-detail img{
	max-width: 100%;
	height: auto!impportant;
}
.inner-cases-detail .cases-detail p{
	font-size: 16px;
	line-height: 30px;
	color: #666;
}
@media(max-width:767px){
	.inner-cases-detail .title-cases-detail h1{
		font-size: 20px;
	}
	.inner-cases-detail .cases-detail p{
		font-size: 14px;
	}
}

.cases-parameter {
	margin-top: 60px;
}
.cases-parameter .title-cases-parameter{
	border-bottom: 1px solid #04447c;
}
.cases-parameter .title-cases-parameter h3{
	margin: 0;
	font-size: 18px;
	line-height: 40px;
	padding: 0 30px;
	background-color: #04447c;
	color: #fff;
	display: inline-block;
}
.cases-parameter .desc{
	margin-top: 30px;
}
.cases-parameter .desc img{
	max-width: 100%;
	height: auto!impportant;
}
.cases-parameter .desc p{
	font-size: 16px;
	line-height: 30px;
	color: #666;
}
@media(max-width:767px){
	.cases-parameter .desc p{
		font-size: 14px;
	}
}
.inner-cases-detail  .relate-case{
	margin-top: 50px;
}
.inner-cases-detail  .relate-case a{
	display: block;
	text-align: center;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	color: #aaa;
	background: #fff;
	margin-top: 10px;
}
.inner-cases-detail  .relate-case a:hover{
	background-color: #04447c;;
	color: #fff;
}

.inner-newcases .cases-item{
	display: flex;
	padding: 20px;
	background-color: #fff;
	margin-top: 40px;
	align-items: center;
}
.inner-newcases .cases-item .img{
	width: 50%;
}
.inner-newcases .cases-item .img .ibox{
	padding-bottom: 75%;
}
.inner-newcases .cases-item:hover .img .ibox img{
	transition: all 1s;
}
.inner-newcases .cases-item  .desc{
	width: 50%;
	padding-left: 15px;
}
.inner-newcases .cases-item  .desc h3{
	font-size: 20px;
	line-height: 50px;
	height: 50px;
	overflow: hidden;        
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	color: #04447c;
	margin: 0;
	border-bottom: 1px solid #dcdcdc;
	font-weight: bold;
}
.inner-newcases .cases-item  .desc .txt{
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-all;
	height: 90px;
	margin-top: 14px;
}
.inner-newcases .cases-item  .desc .txt p{
	font-size: 16px;
	line-height: 30px;
	margin: 0;
	color: #777777;
}
.inner-newcases .cases-item  .desc .more{
	display: inline-block;
	background: #04447c;
	border-radius: 30px;
	padding: 0 20px;
	line-height: 30px;
	height: 30px;
	margin-top: 40px;
	color: #fff;
	font-size: 12px;
}
@media(max-width:1470px){
	.inner-newcases .cases-item  .desc h3{
		line-height: 40px;
		height: 40px;
		font-size: 18px;
	}
	.inner-newcases .cases-item  .desc .more{
		margin-top: 20px;
	}
}
.inner-newcases .cases-item:hover .img .ibox img{
	transform: scale(1.1);
}
@media(max-width:767px){
	.inner-newcases .cases-item{
		padding: 10px;
		margin-top: 30px;
	}
	.inner-newcases .cases-item  .desc .txt{
		height: 72px;
	}
	.inner-newcases .cases-item  .desc .txt p{
		font-size: 14px;
		line-height: 24px;
	}
}
body.nfixed{
	position: relative;
	height: auto;
}